AI 编程 || 工具站支持了真实的点赞功能

之前给自己的 HTML 工具页面做了一个集合站，但是之前的“点赞”是假的，意味着用户 A 点了赞，用户 B 不会看到。

加点赞，涉及到后端数据库了，之前畏难一直没有做，等到第三期训练营一看，怎么都是让 AI 写……

好吧，既然这样那我就硬着头皮试一下。

一开始尝试了 Codex，告诉它要把点赞变成后端数据，并且项目修改后依然可以部署在 Cloudflare 上，由于点赞数据不需要特别严谨的校验，因此选择了 KV 方案，结果部署后会报 405 点赞失败错误。

当时感觉 Codex 的回复有些简洁了，于是转到了 GPT 上，在 Cloudflare 的设置界面搞了好久，都没有搞定。

于是，我决定换工具。

这回换回了 Claude Code，让它先熟悉代码，检查 405 报错的原因，并进行修复。然后提供部署方式说明。Claude Code 修改一把就通过了。

但这里通过 Git 部署依然没有走通，会报部署失败。最后是通过 Wrangler 部署成功的。

部署后，修复了 2 个问题，一个是点赞后，要很久才能看到点赞数据，一个是打开页面时，点赞数据加载很慢。

目前问题 1 修复了，很丝滑。问题 2 也基本解决了，但我觉得还是不够快，回头再尝试下改进方案。

在这个过程中的收获：

1. 之前不做复杂需求的时候总觉得 Codex 够用了，现在发现 Codex 如果解决不好可以尝试使用 Claude Code。Claude Code 去年已经支持了在 Console 贴图，Codex 似乎还没有支持。对于报错截图，这个功能很实用。

2. 引入了 Wangler 部署模式，本地写完代码，CC 会自动执行部署，不需要再像之前一样本地打包 Zip 然后去网站上传了，发布丝滑度 +1。

3. 本来想通过 Git 部署站点，虽然没走通，但是代码都托管在 Git 的私有仓库中了，Git 技能+1（使用 Git Push 把代码同步到私有仓库，文件后可以看到 Commit 信息）。

体验及访问地址：https://seedlog.net/

欢迎大家给喜欢的工具点赞哦~

附这次将点赞修改为 KV 的完整流程：

1. 在 Cloudflare - 构建 - 存储和数据库 - Workers KV 中创建一个KV 实例

2. 在“计算和 AI” - “Workers 和 Pages” - “设置”中添加绑定，绑定刚才创建的 KV：

3. 修改项目结构，functions 文件夹中存放 likes.js，public 文件夹中存放之前的网页静态文件，包括 index.html，assets，tools，script.js 等

4. 为了顺利发布添加了 wrangler.toml，使用 Wrangler CLI 本地部署：

  #使用 Wrangler CLI 部署的步骤：  # 1. 安装 wrangler  npm install -g wrangler  # 2. 登录 Cloudflare  wrangler login  # 3. 直接部署（会自动读取 wrangler.toml 配置）  wrangler pages deploy public --project-name=seedlog

如果你刚开始 vibe coding，做出网页不知道应该如何部署，推荐使用这个现成的网页部署系统，上传 HTML 文件即可生成互联网可访问的网页，工具被精选后还可以增加曝光，如果只想使用发布系统的话，可以使用我的邀请码进行注册：

https://deepseek.idoxu.com/register?code=SYSTEM012N，使用邀请码注册可以获得 10 个初始空间