一个部署在cloudflare-worker上的简单短链程序

By | 2025-09-11

一个部署在cloudflare-worker上的简单短链程序,可自定义短链的路径,上手简单,适合个人小范围使用。一个部署在cloudflare-worker上的简单短链程序,可自定义短链的路径,上手简单,适合个人小范围使用。

用法

在 “长链接” 框输入要缩短的长链接, 在下面的自定义路径处填写短链接的路径 (没有填写的话会自动生成一个随机路径) , 然后点击提交即可

  • 自定义链接的最前面不用加/

部署

登录cloudflare

cloudflare登录或者创建账号,并绑定好域名。

创建kv命名空间

打开账户主页,在左侧菜单中选择 存储和数据库-->kv,点击右上角的 Creat Instance,输入命名空间的名称,然后点击 创建

创建 Workers

在左侧菜单总选择 计算(Workers)-->Workers和Pages,点击右上角的 创建

选最下面的 从Hello Word!开始,点击右边的 开始使用

Workers 名称可以输入自己夏欢的也可以用默认的,脚本内容不用管,直接点击右下角 部署

复制项目里的的worker.js代码到Worker里

稍等几秒钟即可看到部署成功的提示,继续点击右上角的 编辑代码

把左侧代码里默认的代码删掉, 将下面的worker.js代码复制粘贴到里面,点击右上角的 部署。部署成功后点击左上角的项目名称回退到项目页面。


const html404 = `<!DOCTYPE html>
<body>
  <h1>404 Not Found.</h1>
  <p>The url you visit is not found.</p>
</body>`

const statichtml = "https://wlnxing.github.io/URL-Shorten-Worker/index.html"


async function randomString (len) {
    len = len || 6
    let $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
    let maxPos = $chars.length
    let result = ''
    for (let 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)
    return objExp.test(str) && str[0] === 'h'
}
async function save_url (URL, shortStr) {
    console.log("shortStr:", shortStr)
    let random_key
    if (!shortStr) {
        random_key = await randomString()
    } else {
        random_key = shortStr
    }
    let is_exist = await LINKS.get(random_key)
    console.log(is_exist)
    if (is_exist == null) {
        // 正常,直接放入
        let stat = await LINKS.put(random_key, URL)
        if (typeof (stat) === "undefined") return random_key
        else return stat
    } else if (!shortStr) {
        // 生成的random_key重复了,递归调用
        return save_url(URL, null)
    } else
        // 自定义的路径已经存在了
        return -1

}
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(`{"msg":"URL错误"}`, { status: 400, headers: { "Content-Type": "application/json" } })
        let random_key = await save_url(req["url"], req["shortStr"])
        console.log(random_key)
        // 放成功了
        if (Object.prototype.toString.call(random_key) === "[object String]")
            return new Response(`{"data":{"shortUrl":"${random_key}"}}`, { status: 200, headers: { "Content-Type": "application/json" } })
        // 自定义的路径重复了
        else if (random_key === -1)
            return new Response(`{"msg":"自定义路径已重复"}`, { status: 400, headers: { "Content-Type": "application/json" } })
        // 没测试k-v满了之后会怎么样,如果有错的话put时应该会有返回(猜测(懒
        else return new Response(`{"msg":"k-v限额已满,求放过别刷啦"}`, { status: 500, headers: { "Content-Type": "application/json" } })
    }
    const requestURL = new URL(request.url)
    // todo 规范路径的'/'
    const path = requestURL.pathname.toString().substring(1);
    console.log(path)
    if (!path) {

        const html = await fetch(statichtml)

        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) {
        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))
})

为worker绑定kv命名空间

在项目主页,点击 绑定-->添加绑定 ,弹出的对话框里面 变量名称 填大写的 LINKS,KV 命名空间 选择刚刚创建的命名空间,点击右下角 添加绑定

现在, 你的服务已经在 “worker名.用户名.workers.dev” (点击项目主页右上角的 查看此Workers)上访问啦.


到此就已经完成部署并且可以使用了。只是此处创建的短链就是 “https://worker名.用户名.workers.dev/url“ ,它依然很长……此时就需要一个你自己拥有的短域名来替代workers默认的域名

自定义域名访问(可选)

设置路由

在Workers主页打开 设置-->域和路由,点击右上角 添加

在右侧弹出边栏中填入 你拥有且由cloud flare管理 的短域名(图中 t.co 仅作示意)

此时就可以用你自己的短域名 t.co 打开短链管理页面,创建的短链也变成你自己的域名 t.co/url

项目地址:https://github.com/wlnxing/URL-Shorten-Worker/tree/main?tab=readme-ov-file