chat-gpt网页版部署

143次阅读
没有评论

共计 1932 个字符,预计需要花费 5 分钟才能阅读完成。

背景

工作学习中经常使用 chat-gpt, 需求是多端使用 gpt 问答,因此搭建一个网页版本方便多个平台使用。最后选择了 ChatGPT-Next-Web

部署说明

一键部署自己的 web 页面,因为是使用免费的 vercel 托管的,vercel 节点在全球都有,理论上突破了 open-ai 对访问 ip(国内无法访问)的限制,所以可以使用 open-ai 的 apikey,不过我这里使用自己购买的中转 api-key 配合代理地址。(官方的 api-key 目前需要预充值,需要 10% 手续费,而且价格更贵,所以我这边不再使用)

但是如果国内想要访问的话满足两个条件中的一个

1) 通过梯子访问 (可能有点麻烦,每次访问都需要开梯子。)

2)有自己的域名,根据 vercel 的提示配置自定义域名,可以实现直接访问。

如果不能满足这两个条件,建议直接访问文章最后推荐的其他第三方工具

搭建步骤

  首先获取:代理地址、中转 api-key(官方则只需要 api-key 就可以)

   可以这里购买:https://store.hongyong.top/

然后访问页面 chat-nextweb:  https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web

(1) 点击 deploy

chat-gpt 网页版部署

(2) 授权 github 登录

chat-gpt 网页版部署

(3) 返回步骤(1)点击 deploy

chat-gpt 网页版部署

设置仓库名,然后是 api-key 跟访问密码(部署好 web 页面,后续首次访问需要输入密码),上面的配置还有其他的配置如:配置代理地址(使用中转 key 需要),都可以在部署好之后设置环境变量

(4)部署好的项目,设置环境变量
步骤(3)deploy 之后,进入项目页面

chat-gpt 网页版部署

配置代理地址(BASE_URL)跟 OPENAI_API_KEY

比如从:https://store.hongyong.top/ 购买后

 代理地址:https://xxxx.vip, api-key: sk-xxxxxxxx

分别填入:

chat-gpt 网页版部署

(5) 获取固定访问地址

chat-gpt 网页版部署

访问就可以正常开启聊天

数据同步

多个设备如何同步记录

https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web/blob/main/docs/synchronise-chat-logs-cn.md

其它第三方工具

chatbox 也是比较好用的工具,可以通过客户端或者网页版本访问
具体可以查看官网地址:https://chatboxai.app/

以网页版为例,购买 api-key 后,按照如图配置,即可正常聊天
chat-gpt 网页版部署

T 内容具有时效性,未避免更新后未同步,请点击查看最新内容:
部署专属网页版 chat-gpt

文章首发于:https://nebofeng.com/2024/05/28/chat-gpt 网页版部署 /## 背景

工作学习中经常使用 chat-gpt, 需求是多端使用 gpt 问答,因此搭建一个网页版本方便多个平台使用。最后选择了 ChatGPT-Next-Web

部署说明

一键部署自己的 web 页面,因为是使用免费的 vercel 托管的,vercel 节点在全球都有,所有理论上也突破了,open-ai 对访问 ip(国内无法访问)的限制,所以可以使用 open-ai 的 apikey,不过我这里使用自己购买的中转 api-key 配合代理地址。(官方的 api-key 目前需要预充值,需要 10% 手续费,而且价格更贵,所以我这边不再使用)

搭建步骤

  首先获取:代理地址、中转 api-key(官方则只需要 api-key 就可以)

   可以这里购买:https://store.hongyong.top/

然后访问页面 chat-nextweb:  https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web

(1) 点击 deploy

chat-gpt 网页版部署

(2) 授权 github 登录
chat-gpt 网页版部署

(3) 返回步骤(1)点击 deploy
chat-gpt 网页版部署

设置仓库名,然后是 api-key 跟访问密码(部署好 web 页面,后续首次访问需要输入密码),上面的配置还有其他的配置如:配置代理地址(使用中转 key 需要),都可以在部署好之后设置环境变量

(4)部署好的项目,设置环境变量
步骤(3)deploy 之后,进入项目页面
chat-gpt 网页版部署

配置代理地址(BASE_URL)跟 OPENAI_API_KEY

比如从:https://store.hongyong.top/ 购买后

 代理地址:https://xxxx.vip, api-key: sk-xxxxxxxx

分别填入:
chat-gpt 网页版部署

(5) 获取固定访问地址

chat-gpt 网页版部署

访问就可以正常开启聊天

数据同步

多个设备如何同步记录

https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web/blob/main/docs/synchronise-chat-logs-cn.md


IT 内容具有时效性,未避免更新后未同步,请点击查看最新内容:chat-gpt 网页版部署
文章首发于:http://nebofeng.com/2024/05/28/chat-gpt%e7%bd%91%e9%a1%b5%e7%89%88%e9%83%a8%e7%bd%b2/

正文完
欢迎关注个人公众号
post-qrcode
 
HTML文本

本文链接:

nebofeng
版权声明:本站原创文章,由 nebofeng 2024-05-28发表,共计1932字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码