无服务器 自建短链服务 Url-Shorten-Worker 增加读取Cloudflare KV 中全部记录的功能

需求

饮食健康 2024年1月2日 GMT+8 03:52:00

希望能添加从cloudflare查询以往添加的短链接的功能，不然如果清除了浏览器缓存或在另一台电脑上想要查询和管理短链接的话必须登录cloudflare才行，比较麻烦。


我一开始设计这个短链系统的时候, 是作为可以和熟悉的人共同使用的, 所以我使用浏览器的localStorage的好处是, 每个人都只看到自己添加过的短链. 不会互相干扰, 我后来添加了删除短链的功能, 你也不会误删别人的短链.

但是, 既然有人特别提出来了, 那么我再想想, 如果这个系统是只给我自己一个人用呢, 那么这个读取KV的需求是合理的.


思路

参考官方文档 https://developers.cloudflare.com/kv/api/list-keys/

list() 可以返回全部的 key 的列表(也就是短链). 然后再分别查询得到 value (也就是长链), 再拼接为一个JSON结构返回给前端页面.


设计数据结构

前端发给后端的JSON结构, 设计一个命令 qryall

{
  cmd: 'qryall', 
  password: 'bodongshouqulveweifengci'
}

后端返回给前端的JSON结构

{
  "status":200,
  "error":"",
  "kvlist":[
    {
      "key":"mtSzm6",
      "value":"https://1way.eu.org/bodongshouqulveweifengci"
    },
    .... etc ...
  ]
}


编写代码

前端页面用到的main.js增加一个loadKV()函数

前端页面 index.html 增加一个按钮去调用 loadKV()


后端实现 worker.js 增加对 qryall 命令的处理


========

完

Github: https://github.com/crazypeace/Url-Shorten-Worker

加了一个开关, 默认关闭. 


演示站是打开此功能的. https://1way.eu.org/mtSzm6

* 不排除未来因为功能互相之间冲突(或影响效果), 演示站关闭此功能.


========

update

重要提醒! list() 每天只能免费 1000 次



点击标签看相关内容:

评论

  1. 饮食健康2024年1月7日 GMT+8 23:23:00

    赞赞赞

    回复删除
  2. 饮食健康2024年1月8日 GMT+8 03:32:00

    点击后会显示所有的KV值，于是我加了个简单的判断。
    for (var i = 0; i < keyList.keys.length; i++) {
    if (keyList.keys[i].name.includes("-count") == false)
    if (keyList.keys[i].name.includes("password") == false) {
    let item = keyList.keys[i];
    let url = await LINKS.get(item.name);

    let newElement = { "key": item.name, "value": url };
    // 填充要返回的列表 Fill the return list
    jsonObjectRetrun.kvlist.push(newElement);
    }
    }
    }
    我本来想把两个if合并成一行的，但不起作用。
    不知道为什么，我只懂简单的代码。

    回复删除
    回复
    1. ǝɔɐǝԀʎzɐɹƆ2024年1月9日 GMT+8 01:11:00

      哇, 你太棒了! 开源的世界就应该是这样, 有想法就自己动手! 代码的世界里就是 talk is cheap, show me the code!
      虽然你的代码能力不足, 但是你愿意show出你的code, 与我交流, 我非常开心!
      建议你注册一个Github账户, fork我的项目, 然后在你自己的项目里实施你的修改.
      代码方面, 我会协助你的.
      -
      如果你不愿意实施你自己的项目, 也请告诉我. 我们可以在本文的评论里交流修改思路.

      删除
    2. ǝɔɐǝԀʎzɐɹƆ2024年1月17日 GMT+8 03:07:00

      https://zelikk.blogspot.com/2024/01/url-shorten-worker-password-protect-keylist.html
      https://zelikk.blogspot.com/2024/01/url-shorten-worker-count.html

      删除

发表评论

The Hot3 in Last 30 Days

无服务器 自建短链服务 Url-Shorten-Worker 完整的部署教程

图片
源码 GitHub  https://github.com/crazypeace/Url-Shorten-Worker 演示站  https://urlsrv.crazypeace.workers.dev/bodongshouqulveweifengci 申请Cloudflare账号，略。 创建一个KV 记得这个KV的名字，以  urlsrv  为例 查看此KV 添加一个条目Entry 密钥key为 password ，值value为一个随机字符串. * password 这个key是在脚本中要引用的，所以要设置这个。 随机字符串可以使用http://git.io/xkcdpw生成 随机字符串以  yejiandianci  为例 创建Worker服务 设置绑定KV 变量名称必须设置为 LINKS ， KV的名字选刚刚创建的 urlsrv * LINKS 是在脚本中要引用的，所以要设置这个。换句话说，如果你使用别的脚本，可能这个变量名称就不是LINKS了。 编辑Worker的脚本 把原有的内容全部删掉 换成： https://github.com/crazypeace/Url-Shorten-Worker/blob/main/worker.js 的内容 保存并部署 ====== 完 要访问 你的worker域名/ yejiandianci  来打开使用页面 如：https://snowy-disk-fd82.ciys.workers.dev/yejiandianci ====== 后记 你可以通过 在你自己的域名下worker页面添加一个路由指向worker 的方式来实现比如  https://1way.eu.org/mtSzm6  替代 snowy-disk-fd82.ciys.workers.dev/yejiandianci 的效果。 ====== 配置参数的作用 const config = {   result_page: false, // After get the value from KV, if use a page to show the result.   theme: "", // Homepage theme, use the empty value for default theme. To use urlcool
Read more »

ClouDNS .asia免费域名 托管到CloudFlare开CDN白嫖Websocket WS通道翻墙 / desec.io

图片
  你以为的操作流程 操作 Cloudns 注册 www.cloudns.net 略 登录之后， 前缀随便取一个顺眼的. 后缀 不要选 .cloudns.cl (我试过, 添加不了 Cloudflare) .cloudns.asia 可以. * 欢迎大家在评论中分享哪些后缀可以使用. 操作 Cloudflare 注册 www.cloudflare.com 略 Add site 把你在 Cloudns 申请的域名写进去. 注意是域名全名, 别只写前缀. 应该是类似下面这样: xxx.cloudns.yyy 滚到最下面, 选 免费的 plan 一路 下一步, 注意这两个 nameserver 切换到 Cloudns  把原有的 NS 设置都删除 添加 NS 类型的 DNS 记录  * 注意, Cloudflare 告诉你的那 2 个 nameserver 都要添加 添加完应该是像这样子的 切换到 Cloudflare 下一步让 Cloudflare 检查你刚刚设置的 nameserver, 然后耐心等一下. 检查通过后, Cloudflare 会给你发通知邮件的. 然后, 你可以按你以前学习的方式添加DNS解析. 比如, 像下面这样 但, 这时候你会发现不对劲.  不管等多久, DNS解析都不生效. 接下来就要搞一些骚操作.
Read more »