如何免费搭建一个短链接生成器而且不需要服务器

提前准备

一个邮箱

一个Cloudflare账号

一个域名（可以是freenom的免费域名）

步骤大纲

登录Cloudflare账号

添加网站到Cloudflare

创建KV空间

创建Worker

部署Worker

完成

登录账号的话我就不说了大家都会…

添加域名到Cloudflare

点击 “ 添加站点 ”,之后输入freenom注册好的域名,点击 “ 确定 ”,根据提示修改ns地址,添加完后等待大约2~4小时再继续下一步

创建KV空间

首先再侧边栏找到Workers点击 Workers旁边的小三角形，再点击 “ KV ”

之后再随机填写一个名称如图

最后点击 “ 添加 ”

创建Worker

在侧边栏选择 Workers

点击 “ 创建服务 ”

之后填写服务名称（随便填就行了）

启动器的话就默认选择 “ 简介(HTTP处理程序) “

再点击 “ 创建服务 ” 或者 “ 确定 ”

如果出现提示要求你设置子域名的话根据提示设置即可

设置

创建玩服务后,进入服务

点击 “ 设置 ” 选项,再选择 “ 变量 ” 找到 “ KV命名空间绑定 ”

点击编辑变量（KV 命名空间绑定的右上方）

VARIABLE_NAME那儿填写 LINKS ,等于后边的“ 选择... ”选择刚刚创建好的 KV命名空间

点击 “ 保存 ”

之后,在上方找到“ 触发器 ”选项,点击“ 添加路由 ”,路由填写刚刚申请Freenom域名 （以 /* 结尾）

最后点击“ 添加路由 ” 或 “ 确定 ”

搭建

点击上方的 “资源 ” 选项,点击“ 快速部署 ”

把编辑器的内容清空,把以下代码粘贴到编辑器 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
const config = {
no_ref: "off", //Control the HTTP referrer header, if you want to create an anonymous link that will hide the HTTP Referer header, please set to "on" .
theme:"",//Homepage theme, use the empty value for default theme. To use urlcool theme, please fill with "theme/urlcool" .
cors: "on",//Allow Cross-origin resource sharing for API requests.
}

const html404 = `<!DOCTYPE html>
<body>
  <h1>404 Not Found.</h1>
</body>`

let response_header={
  "content-type": "text/html;charset=UTF-8",
} 

if (config.cors=="on"){
  response_header={
  "content-type": "text/html;charset=UTF-8",
  "Access-Control-Allow-Origin":"*",
  "Access-Control-Allow-Methods": "POST",
  }
}

async function randomString(len) {
　　len = len || 6;
　　let $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
　　let maxPos = $chars.length;
　　let result = '';
　　for (i = 0; i < len; i++) {
　　　　result += $chars.charAt(Math.floor(Math.random() * maxPos));
　　}
　　return result;
}
async function checkURL(URL){
    let str=URL;
    let Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
    let objExp=new RegExp(Expression);
    if(objExp.test(str)==true){
      if (str[0] == 'h')
        return true;
      else
        return false;
    }else{
        return false;
    }
} 
async function save_url(URL){
    let random_key=await randomString()
    let is_exist=await LINKS.get(random_key)
    console.log(is_exist)
    if (is_exist == null)
        return await LINKS.put(random_key, URL),random_key
    else
        save_url(URL)
}
async function handleRequest(request) {
  console.log(request)
  if (request.method === "POST") {
    let req=await request.json()
    console.log(req["url"])
    if(!await checkURL(req["url"])){
    return new Response(`{"status":500,"key":": Error: Url illegal."}`, {
      headers: response_header,
    })}
    let stat,random_key=await save_url(req["url"])
    console.log(stat)
    if (typeof(stat) == "undefined"){
      return new Response(`{"status":200,"key":"/`+random_key+`"}`, {
      headers: response_header,
    })
    }else{
      return new Response(`{"status":200,"key":": Error:Reach the KV write limitation."}`, {
      headers: response_header,
    })}
  }else if(request.method === "OPTIONS"){  
      return new Response(``, {
      headers: response_header,
    })

  }

  const requestURL = new URL(request.url)
  const path = requestURL.pathname.split("/")[1]
  console.log(path)
  if(!path){

    const html= await fetch("https://raw.githubusercontent.com/cycxtIT/shorturl/main/run4.html")
    
    return new Response(await html.text(), {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
  })
  }
  const value = await LINKS.get(path)
  console.log(value)
  

  const location = value
  if (location) {
    if (config.no_ref=="on"){
      let no_ref= await fetch("https://cycxtIT.github.io/shorturl/no-ref.html")
      no_ref=await no_ref.text()
      no_ref=no_ref.replace(/{Replace}/gm, location)
      return new Response(no_ref, {
      headers: {
        "content-type": "text/html;charset=UTF-8",
      },
    })
    }else{
      return Response.redirect(location, 302)
    }
    
  }
  // If request not in kv, return 404
  return new Response(html404, {
    headers: {
      "content-type": "text/html;charset=UTF-8",
    },
    status: 404
  })
}



addEventListener("fetch", async event => {
  event.respondWith(handleRequest(event.request))
})

点击保存并部署,最后点击发送 如果提示 200 OK 就可以了

如果到了大约30分钟路由还没生效的话（添加路由的域名）,回到首页,点击你添加在Cloudflare的站点,点击 DNS ,点击添加记录,第一个格子填写 “ @ ”,之后在电脑cmd或者termux上输入 ping {你的服务子域名} 注意:{你的服务子域名可以在编辑器的发送按钮的左边有个url,这就是你的服务子域名,之后会出现一个ip地址把ip地址填写在Ipv4的格子内,点击 “ 添加 ” 或 “ 确定 ”

如果有任何问题可以在评论区留言