TypeScript实现的基于ChatGPT API搭建一个聊天机器人网站+源代码+文档说明

# ChatGPT-Vercel-Pro  > 本项目基于 [chatgpt-demo](https://github.com/ddiu8081/chatgpt-demo)、[chatgpt-vercel](https://github.com/ourongxing/chatgpt-vercel) 开发。 预览: [chatwithgpt.click](https://www.chatwithgpt.click) ## 部署一个你自己的（免费） 如果你只需要部署一个你自己用的网站，而不需要定制，那么你完全不需要在本地跑起来，你可以直接点击下面的按钮，然后按照提示操作即可。 vercel 域名已经被墙，但 vercel 本身没有被墙，所以你绑定自己的域名就可以了。 [](https://vercel.com/new/clone?repository-url=https://github.com/noarsark/chatgpt-vercel-pro) 如果你需要部署给更多人用，那么你可能需要将上面创建的你自己的仓库 `git clone` 到本地。 1. 将 `.env.example` 文件修改为 `.env`，然后在里面填入你的 [OpenAI API key](https://platform.openai.com/account/api-keys)。如果用户不填自己的 key，那么就会使用你的 key。 ``` OPENAI_API_KEY=sk-xxx... // 你可以填写多个，用 | 分隔，随机调用。最好是多填几个，不太清楚有没有并发上的限制。 OPENAI_API_KEY=sk-xxx|sk-yyy ``` 最新版本支持读取 Vercel 的环境变量，所以你也可以直接在 Vercel 上设置环境变量，如图所示。对于大部分人来说这个更方便。会在下次部署时生效。  2. 默认设置在 `src/default.ts` 文件中，自行修改。默认的提示信息也在这里。 ```ts const defaultSetting = { // 连续对话，每次都需要将上下文传给 API，比较费钱，而且同样有 4096 token 的限制 continuousDialogue: true, // 记录对话内容，刷新后不会清空对话 archiveSession: false, openaiAPIKey: "", // 0-100 越高 ChatGPT 思维就越发散，开始乱答 openaiAPITemperature: 60, // 系统角色指令，会在每次提问时添加。主要用于对 ChatGPT 的语气，口头禅这些进行定制。 systemRule: "" } ``` 3. 之前版本我设置了每次刷新重置 `开启连续对话` 选项，因为一般用不上这个，比较费钱。当前版本我已经移除了这个特性，如果你需要给更多人用，建议打开，只要在 `src/components/Generator.tsx`文件中将下面这行代码取消注释即可。 ```ts setSetting({ ...defaultSetting, ...parsed // continuousDialogue: false }) ``` 4. `git commit & push` 即可重新部署，vscode 上点几下就可以了。 如果你需要在本地开发和调试，有点麻烦 1. 升级到 `node18`，要用到原生的 `fetch`。 2. API 被墙了，自己想办法开代理，不然要报错。也可以直接 `vercel deploy` 部署到 vercel 开发环境上调试。 3. `pnpm i` 安装依赖。 4. `pnpm dev` 启动项目。 ## 提交你的 Prompts 1. Fork 本项目 2. 修改 `prompts.md`。 3. Pull Request 即可。 如果你不懂这个操作，也可以直接在 Issues 提交你的 Prompts。 ### 要求 - 把需要输入的内容放在最后，可以提示 ChatGPT 开始输入了，比如 “我的第一句话是：”。 - 尽可能去优化已有的 Prompts，而不是重复添加。 - 添加到结尾，我会定期整理。 ### 感谢 大部分 Prompts 来自于 [awesome-chatgpt-prompts-zh](https://github.com/PlexPt/awesome-chatgpt-prompts-zh)，当然，这个仓库大多数也是翻译的 [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts)，一并感谢。 ## API ### POST /api 这个 API 没有开启 stream，会直接返回答案。stream 版的 API 自己看源码，也可以直接调用，相当于一个代理了，不过并没有按照原版的请求规范。 ```ts await fetch("/api", { method: "POST", body: JSON.stringify({ message: "xxx", key: "xxxx" }) }) ``` ## ChatGPT交流 如果遇到使用问题或者想交流 ChatGPT，获取ChatGPT使用方法，最新资讯，商业价值等，可以关注公众号「noarsark」，发送「chatgpt」 进群参与讨论。 <img width="180" src="assets/gzh_noarsark.jpg"><img width="180" height="200" src="assets/chatgpt_group.jpg"> <a href="https://t.zsxq.com/0cnbujGDX"><img width="360" src="assets/zsxq_noarsark.jpg"></a> ## License [MIT](./LICENSE)