Tuostudy-Short-url 自己写的短链网址前后端源码 v3.2
示例地址 (若要点开，请右键选择新标签页测试！！~）: http://tuo.icodeq.com/dream界面https://p18.qhimg.com/t01220de52b24dc1415.png原理[*]原理很简单，就是利用 404 页面 会捕获所有请求这一特性
[*]然后再用 window.location.href 获取到当前访问的 url
[*]接着去获取一个 json 文件，利用上面的当前访问 url 查字典，查不到就跳转到默认主页
[*]查到字典了就 window.location.replace()
代码
[*]zkeq/Tuostudy-Short-url: 短链服务 (github.com)
[*]zkeq/Tuostudy-Short-url: 短链服务 (gitee.com)
用法
[*]修改 404.html 和 index.html 中的这些部分 ( url 和 long 的值)
ajax({
method: 'GET',
url: 'https://tuo-site.oss-cn-beijing.aliyuncs.com/data.json',
success: function (OriginalFromActivity) {
//在这里对获取的数据经常操作
console.log(OriginalFromActivity)
url = window.location.href.split('?')
long = OriginalFromActivity
if(long === undefined) { // 只能用 === 运算来测试某个值是否是未定义的
long = 'https://tuostudy.vercel.app'}
console.log(long)
window.location.replace(long)
}
})
[*]修改 网页前端，改成自己喜欢的样子
[*]将网页部署到 github 或者 gitee 或者 vercel 上面
[*]打开 在 图欧君短链生成器-v3.2 下载的 图欧君短链生成器-v3.2, 或者直接运行 /python-CLI 目录下的源码
[*]根据提示开始添加短链
本工具有四种模式
1. 自定义生成短链
2. 设置要生成的短链位数 ，自动生成短链
3. 删除或修改短链模式
4. 查阅模式（只读模式）
0. 退出
[*]添加短链完成后将data.json 文件传到 Github 或者 Gitee 或者 Vercel 或者 OSS 或者随便一个云存储
[*]请确保你第六步上传数据得到的 url 可以直接访问并且第一步填写的url中的值完全一样
[*]🚀 enjoy 🚀
后续维护
[*]请在 图欧君短链生成器-v3.2中进行后续操作，操作完成后将 data.json 再次上传即可。
另一种思路（不大推荐）
[*]利用 vercel 的云函数，使用 python 渲染完成文件后返回前端
[*]相关源码：zkeq/Tuostudy-Short-url: 短链服务 (github.com)
[*]
源码以及相关链接（v3.2）（后续更新在 github 仓库更新）
序号说明链接
1Github 仓库 (会更新)https://github.com/zkeq/Tuostudy-Short-url
2Gitee 仓库 (会更新)https://gitee.com/zkeq/Tuostudy-Short-url
3兰奏云代码（不会更新）https://lanzoul.com/i0rIH003wk7i
4本文PDF格式https://lanzoul.com/iDzgM003x1yh
先收藏了，万一用到呢
感谢楼主的分享 谢谢@Thanks！ 多谢楼主分享 感谢楼主分享！大牛有你更精彩！
页:
[1]