exuan / chatgpt-demo

AI 对话模型，基于 Openai

Awesome-gpt, 基于 OpenAI 定制化的 “Chatgpt” Web 应用

🌟Features

• 中/英互译,语法分析、例句等
• 根据 prompt 生成图片
• AI 智能对话
• Markdown 显示支持
• 代码块高亮 & 一键复制
• 对话模式流式响应
• 支持多会话本地持久化存储
• 支持会话生成图片并下载
• 预置 N 种 不同场景的 prompts
• AND MORE..

Demo

Demo-1

• 根据 prompt 生成符合描述的图片
• 输入英文检查拼写是否正确，是否存在语法问题，翻译成中文并补充相关示例

Demo-2

• 类似 chatgpt 的 AI 对话机器人 🤖️

如何使用 🔧

1. 克隆或者 fork 本项目
2. 安装依赖 pnpm install

• 由于项目基于 Vercel Functions (Edge Runtime) ，因此你需要事先具备 vercel 环境,可通过 npm i vercel -g 安装

3. 获取 OPENAI_API_KEY 信息

• 在 OpenAI 生成你的 OPENAI_API_KEY , 有账号的话直接生成一个即可，没有的话需要先创建账号，具体可以自行搜索如何创建 OpenAI 账号，由于 OpenAI 地区限制，该环节可能需要科学上网

OPENAI_API_KEY 生成方式如下图所示

4. 本地运行

vercel dev

根据提示登录 vercel，推荐关联 github 登录，登录完成后依次回车确认完成初始化

API 请求链路：client -> vercel devServer -> vercel Serverless -> vercel devServer -> client 其中第二到第三步由于node环境下请求未走proxy，会存在超时情况

1. 部署 vercel（推荐） 采用 客户端请求 vercel -> vercel 云函数请求 OpenAI API -> 结果返回客户端来绕开 Api 访问受限等问题

终端运行,等待vercel build 完成即可预览或者发布

vercel

点击终端生成的预览链接，使用第三步生成的 OPENAI_API_KEY 即可体验

blog

DIY Chatgpt Web 应用