大家好，我是双越。前百度 滴滴 资深前端工程师，慕课网金牌讲师，PMP。我的代表作有：
- wangEditor 开源 web 富文本编辑器，GitHub 18k star，npm 周下载量 20k
- 划水AI Node 全栈 AIGC 知识库，包括 AI 写作、多人协同编辑。复杂业务，真实上线。
- 前端面试派 系统专业的面试导航，刷题，写简历，看面试技巧，内推工作。开源免费。
我在正在开发一个 AI Agent 智能体项目【智语】一个智能面试官，可以优化简历、模拟面试、解答题目等。有兴趣的同学可以围观、学习。
开始
AI 编程的兴起正在大量冲击着编程行业，同时也产生了很多 AI 开发的岗位，需求越来越多。
前端人员可以使用 Nodejs 做全栈开发，也就可以用 Nodejs 做 AI 开发。看所有 AI 大模型接口的文档，python 是第一语言，nodejs 是第二语言。
作 AI 开发，最基础的功能就是 chatbot 聊天机器人。基于 chatbot 我们可以扩展更多模块（如 memory RAG tools MCP system-prompt 等）让它成为一个 agent ，或者做其他定制开发。
Chatbot 既然是一个基础，那就没必要从 0 开发，否则光这一部分你就会浪费掉大量的精力。尤其是前端部分，自己从 0 开发不知道会越到多少 bug ？不知道测试多久才能稳定？
本文就介绍两个常用的 chabot 开源代码库，对应两个最热门的 AI 开发框架。你可以基础这个 chatbot 来二次开发出你自己的 AI 产品。
langGraph-cli 项目
如果你使用 langChain 技术栈，可以考虑这个项目。
使用 langChain 自研的脚手架 www.npmjs.com/package/cre…
执行如下命令即可创建一个服务端
npx create-agent-chat-app@latest
安装完成以后会发现它有 4 个 agent 分别展示不同的使用场景，最基础的就是当前这个 react-agent
但是现在还不能直接用，它默认的大模型在国内访问不了，我们需要修改为其他大模型，如 deepseek
在控制台执行 npm run dev 即可启动项目
然后跟它聊天，点击左上角按钮会展示聊天记录
其实这个前端部分也是一个独立的项目，是 langChain 官方开发的 chat UI github.com/langchain-a…
此时，你可以在服务端代码中，使用任何 langChain 和 langGraph 的技术来自定义开发
【注意】langChain 版本早就发布到了 v1 ，但这个脚手架创建出来的代码，在写本文时依然是 v0.3 版本，更新太滞后了...
Vercel AI Chatbot
除了 langChain 以外，Vercel AI-SDK 也是使用 Nodejs 开发 AI 应用的热门框架，功能已经很完善。
Vercel 为此开发了一个 chatbot template github.com/vercel/ai-c…
并且已经把它部署到这个网址 demo.chat-sdk.dev/ （可能需要科学上网）
你可以把这个代码库下载到本地，在本地运行。但你还是需要把 AI 大模型改为国内能访问的
接下来你就可以在进行二次开发，基于 AI-SDK 的语法做任何先做的功能，例如我这了做的 AI 请求 rate limit 限制。
最后
搞 AI 开发重点就应该放在 AI 的流程和业务上，而不是前端 UI 部分，所以尽量使用现成的、稳定的 chatbot 功能，在此基础之上再二次开发。
这两个 chatbot 虽然使用了不同的 AI 框架，但他们都是基于 Nodejs 语言和 Nextjs 框架，所以前端想做 AI 开发，一定要先具备 Nodejs 全栈能力。
如果你有兴趣，不妨先选择一个，在本地运行试一下。有问题可在评论区交流。
