仅 CloudFlare Workers + D1 实现 带权限校验 的 访问计数 徽章和30天历史统计图

水一贴,加了历史统计图和自动删除30天外的记录避免日积月累免费额度超了

部署步骤

  1. 创建D1数据库
    进入Cloudflare Dashboard,导航至 Storage & Databases > D1 SQL Database - Create,命名为hits,在 Console 中执行以下SQL创建表:
CREATE TABLE counters ( name TEXT PRIMARY KEY, count INTEGER DEFAULT 0 );
  1. 创建Workers
    导航至 Workers & Pages > Create application > Create Worker > "Hello World" Worker ,新建后重命名为 hits ,复制 hits-worker-code.js 代码到Worker编辑器中的worker.js应用部署。

  2. 设置验证码
    在Worker代码中找到 AUTH_CODE 常量,将 your_auth_code_here 修改为你想要的验证码。这个验证码将用于创建新的计数器。

  3. 配置域名和绑定

    • 在Worker代码中找到并修改 ALLOWED_DOMAIN 为你的计数器域名,不要带协议名
    • 在Worker的 Settings > Bindings > Add > D1 Database 中:
      • 变量名称输入: HITS
      • 数据库选择: hits
    • 在Worker的 Domains & Routes - Add - Custom domain 中添加你的计数器域名

部署完成后,访问你配置的域名即可看到计数器生成器页面,按照页面提示创建和使用计数器。

注意不要泄露你部署的时候设置的验证码,无验证码不可创建新的计数器SVG

免费套餐额度

基本够个人用了

部署图示

展开查看详细说明

示例

hits

Thanks

感谢 hits.seeyoufarm.com 曾经提供的计数服务,GitHub - gjbae1212/hit-counter: 🚀 Easy way to know how many visitors are viewing your Github, Website, Notion. 🎉 已被归档,本项目受此启发诞生。

5 个赞

感谢大佬!

感谢大佬,感谢CF大善人!

撸了一个类似的玩意

下载数统计