使用 Neon MCP 和 Waku 的 React 服务端组件实验
演示如何通过 Neon 的 MCP 服务器和 Waku 在 React 服务端组件中集成 Anthropic API。
快速入门
-
准备环境
- 获取 Neon API 密钥和 Anthropic API 密钥。
- 将
.env.example
文件重命名为.env
,并填入你的 API 密钥。
-
安装依赖 运行以下命令安装项目依赖: npm install
-
启动开发服务器 运行以下命令启动开发服务器: npm run dev
-
核心组件
Chat
组件(服务端):处理服务器请求。ChatForm
组件(客户端):管理输入框消息并发送至服务器。
-
参考资料