一直想要一个自己的短地址服务,但是我没有服务器。
其实服务器的价格也并不贵,但我会忘记续费,会不小心把网站删除掉……还好我会有备份,但恢复备份也挺麻烦的,得把文件上传上去,还得恢复数据库,我懒,我是真的懒。
我需要的又不多,为什么非要这么折腾呢?
对于短地址服务,我们的需求无外乎以下三点:
- 地址短一点,方便抄写,也美观一点儿
- 数据统计,看看有多少人通过这个渠道进入了我们给出的地址
- 修改短地址的指向,这样以前发布的地址也可以指向到新的网站。
如果你使用别人搭建的短地址服务,后两项很可能都会被当做高级功能来提供,就是不一定普通用户都可以用。
假如不需要服务器,还能够绑定自己的域名,完整的实现上面的功能,我觉得这就比较完美。
然后我写了一个前端页面,就是根据网址的 hash(锚点)跳转到指定的页面,非常简单,三两行代码就能实现的小功能。然后在这个页面里加了一个第三方的数据统计,就是所有网站都会用的那种统计代码。上传到 github page,绑定自己的域名。
非常低成本的实现了短地址的功能,用起来还是很满意的。
虽然说可能指向的所有网址都写在了这个页面里,但是我觉得在 3000 个网址之内都不可能遇到什么性能上的影响。毕竟随便哪个网页引入的各种 JS 库都比这个网址目录的体积要大。而这个数量相对于普通用户来说,已经足足的够用了。
还有什么自行车呢?
项目地址: https://r.izyx.xyz/#short (此地址同时为使用演示)
授权价格: 6.66 元(可以短时间免费试用,觉得好用请尽量自觉付费)
付费方式:
自助付费 老鼠爱发电
使用说明:
如果你没有前端相关基础,并且可以忍受一丢丢的性能损失,那么可以直接去看下一节
因为如果把数据和页面全都写在一个文件里,会显得比较混乱。所以分成了一个页面模板文件(source/index.html
)和一个配置文件(source/config.json
)。
统计代码因为是多行文本,不太方便放在配置文件中,所以需要在模板文件中进行修改。
网页的标题、找不到对应链接时的提示、以及添加的网址全都在配置文件之中。因为这本身就是我自己所使用的短地址项目,所以配置文件中已经配置好了所有信息,你可以把他们当做配置示例。如果需求不高,只需要照猫画虎的添加和删除短地址的设置即可。
修改完成之后需要运行 source\build.js
对项目进行一个简单的构建,其实就是让它自动去拼接字符串。然后就会重新生成根目录下的 index.html
文件。剩下的就是怎么搭建这个网站了。
确实这样需要对项目进行构建的操作并不是很友好。我也知道可以通过 ajax 方式直接通过前端去读取配置文件,这样就完全不需要进行构建了。但是这会增加一次网络请求,而如果我们的页面是托管在国外服务器上的增加的这一次请求在延迟上的影响还是比较明显的,所以我选择了相对复杂的方法来提升它的使用性能。
在构建的同时会生成一个 urlsList.md
文件。它的内容是一个表格,列出了所有本链接的对应信息,方便自己进行查阅和分享。
直接使用(Ajax 方法):
docs
目录下面是使用 ajax 方法获取配置文件的实现。只需要修改这里的配置文件,上传到 github page 上面,然后在设置的时候选择这个目录就可以了
在使用中遇到问题可以在这里留言,因为我本身也在使用这个工具,所以能够确认的会带来影响的问题,我都会去解决。觉得实用并且便于添加的功能,我也会尽力去做。
不做任何售后相关的承诺。上面的付费也仅是单纯的使用授权。