纯小白如何实现并部署一个简单的短链接生成程序

Xiaozhe Nice 发布于 2024-10-27 149 次阅读


GitHub开源链接:https://github.com/UniDevGH/UniDev-ShortLink
Watt Toolkit 加速 GitHub 工具下载:https://steampp.net/

很多刚接触web的小伙伴想要开发一个小项目来练练手,但是不知道开发什么好。其实,做一个短链接生成工具就是一个很好的锻炼机会!下面我就来教大家如何开发一个简单的短链接生成程序(程序在GitHub开源,需要请自取源码,可能需要科学上网)

本次教程简单易懂,几乎贯彻建站所有要点!

实现思路:在用户前台添加新的短链接时候后台在绑定了短链域名的文件夹创建一个包含js跳转或重定向到用户所填网址代码的html文件
需要的编程语言:HTML,CSS,JavaScript,PHP
需要的web服务器:Nginx/Apache
材料准备:一个或多个域名,一台服务器或虚拟主机,SSL证书

操作过程:
1.首先去云服务器提供商(IDC)购买一台虚拟主机或服务器,这里推荐几个idc:
蜜蜂云:https://cloud.beecld.com/
雨云:https://www.rainyun.com/NTI0ODc=_
RackNerd:https://vps.org.cn/racknerd.html(优惠活动) & https://www.racknerd.com/(官网)
如果购买的是服务器,购买好服务器后,使用ssh工具链接它并安装BT5(宝塔绿色版)面板:
Debian/Ubuntu系统安装:
wget -O install.sh http://www.bt5.me/install/install_7.0.sh && bash install.sh
CentOS系统安装:
yum install -y wget && wget -O install.sh http://www.bt5.me/install.sh && sh install.sh
其他系统安装:
wget -O install.sh http://www.bt5.me/install.sh && sh install.sh
安装好后根据命令行所给信息登录面板并安装web服务器套件:

2.建立网站:
确认自己的web服务器系统:主流有三种服务器系统,分别是Nginx,Apache和IIS,其中IIS一般在windows系统中使用,本篇不涉及。而虚拟主机一般使用Kangle系统,其语法与Apache相似,仅需和Apache操作一致即可。
创建网站:在宝塔面板或虚拟主机控制面板创建网站请选择PHP版本为5.6及以上,打开自己的DNS域名解析服务将域名解析到服务器IP地址或虚拟主机给的cname地址(指向ip用A解析,指向cname地址用CNAME解析),域名的购买请自行解决,这里推荐国内使用阿里云,腾讯云和西部数码购买,国外使用 Dynadot 或 CloudFlare。创建两个站点,一个指向站点自动生成根目录,另一个作为短链接母链指向根目录中的site目录(手动创建),可以用不同的二级域名节约成本。(也可使用免费二级域名)
添加SSL证书:可以申请免费的90天期的 Let's Encrypt 证书,有几个申请渠道:
(1) 宝塔面板自带证书申请:在网站详细信息处找到SSL中的 Let's Encrypt,直接申请
(2) OHTTPS(https://ohttps.com/):老牌申请和自动续期SSL证书网站
(3) (技术要求高)命令行直接使用 Let's Encrypt api 生成证书并绑定
这样,你就建立好了一个网站!

3.修改站点配置文件:
修改web服务器针对单独站点的配置以完成短链接开发的需求,本次需求是访问链接隐藏html,php类似的后缀名。简单来说就是原本只能用 https://a.com/b.html 访问,现在可以用 https://a.com/b 访问对应html文件,有效缩短了短链接长度。
Apache服务器:
!站点创建默认已添加.htaccess文件,一般无需重新配置,如果出现问题,请根据下文逐步配置
请修改您服务器指向本项目站点的配置文件
请在.htaccess文件修改伪静态设置如下:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [NC,L]
RewriteRule ^([^\.]+)$ $1.php [NC,L]
</IfModule>


Nginx服务器:
请找到Nginx配置文件并在其中Server中的location /添加如下配置:
try_files $uri $uri.html $uri/ /index.php?$query_string;
配置文件结构应与此相似:
location / {
index index.html index.htm index.php l.php;
autoindex on;
try_files $uri $uri.html $uri/ /index.php?$query_string;
}


4.部署代码:
点击进入上方提供的 GitHub 页面,下载源码并拷贝到服务器主站点目录下(已包含site子目录),并且请进行一定的修改:
请在本项目中找到config.php,并且修改其中的$URL变量,使其为您想要的短链母域名的值
同时,您也可以在site目录找到delete.php,修改其中的$correctPassword为您想要的删除系统登录密码
此时访问您主站绑定的域名即可进入创建短链接页面,输入您想跳转的页面并点击创建按钮即可创建指向此URL的短链接!

5.结语
本篇文章详细地介绍了如何实现并部署一个简单短链接生成器,各位web爱好者可自行修改开源代码(MIT协议)使其更加强大!总而言之,这是个练习自我技术的好实践项目!在此感激您的阅读!

Enjoy Yourself!

此作者没有提供个人介绍
最后更新于 2024-12-14