Cloudflare AI 对话网站搭建

最近在逛论坛的时候刷到这样一篇帖子:零成本搭建 AI API:Cloudflare Workers AI 实战教程 | AIEII

正巧我最近也在捣鼓 Cloudflare 相关的内容,我就想着能不能跟着这个教程,拓展出一个带界面的和ChatGPT、DeepSeek类似的 AI对话系统呢?

说干就干,正好借助 Vibe Coding,加上自己的一点点🤏的微薄理解,搓出一个网站不成问题

实现过程

首先最重要就是搜集资料,不光是上述提到的教程资料,还需要 Cloudflare AI 的功能概述,以便后续额度系统的实现。

一个完整的功能需要一步一步实现,可以让 AI 根据自己的提示词和需求生成一套功能清单和实现建议,优先实现核心功能,再实现复杂或边缘性功能;一定要分批实现,这样 AI 实现的质量有保障,中途遇到不合适或者错误的地方还能人为修正。就比如说,先实现登录系统、首页、聊天、历史记录等核心功能,像文件上传,搜索功能等可以等待后续实现。

将自己的需求描述清楚,也是一件重要且需要思考的事,AI 生成结果的准确性很大程度上取决于他接收到指令的详细度,这就是为什么我们让 AI 实现功能前需要让它自己列出一份功能清单以及实现优先级,这也就是当下 Agent 通用的计划模式。

当计划敲定,就可以让 Agent 一步步实现了,实现过程中难免有错误或者与自己预期不符的地方,指导 Agent 一步步修改到满意为止就行

当已经完成了一个固定的框架后,后续新增复杂功能,只要描述的够完整,Agent 实现起来正确率还是挺高的,而且也能基本达到满意的效果(新增功能也一定是先提需求,再让Agent根据需求生成一个实现计划,然后修改生成的计划达到自己满意,就可以让 Agent 根据计划开始实现了)

结果展示

页面样式

image-20260727172830020

欢迎体验

AI 对话界面 AI Chat

后台管理界面 Background Manage System

体验账号:test@whitee.cn

密码:test123456