非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)

非常火爆的A well-designed cross-platform ChatGPT UI (Web / PWA / Linux / Win / MacOS). 一键拥有你自己的跨平台 ChatGPT 应用。

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第1张图片

这个开源项目可以做到一键免费部署你的私人 ChatGPT 网页应用。如果部署Vercel,Vercel可以绑定自己的域名,或者配合Cloudflare自定义域名中转,应该可以让国内访问。

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第2张图片
非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第3张图片

主要功能
在 1 分钟内使用 Vercel 免费一键部署
提供体积极小(~5MB)的跨平台客户端(Linux/Windows/MacOS), 下载地址
完整的 Markdown 支持:LaTex 公式、Mermaid 流程图、代码高亮等等
精心设计的 UI,响应式设计,支持深色模式,支持 PWA
极快的首屏加载速度(~100kb),支持流式响应
隐私安全,所有数据保存在用户浏览器本地
预制角色功能(面具),方便地创建、分享和调试你的个性化对话
海量的内置 prompt 列表,来自中文和英文
自动压缩上下文聊天记录,在节省 Token 的同时支持超长对话
多国语言支持:English, 简体中文, 繁体中文, 日本語, Español, Italiano, Türkçe, Deutsch, Tiếng Việt, Русский, Čeština
拥有自己的域名?好上加好,绑定后即可在任何地方无障碍快速访问


开始使用
准备好你的 OpenAI API Key;
点击右侧按钮开始部署: Deploy with Vercel,直接使用 Github 账号登录即可,记得在环境变量页填入 API Key 和页面访问密码 CODE;
部署完毕后,即可开始使用;
(可选)绑定自定义域名:Vercel 分配的域名 DNS 在某些区域被污染了,绑定自定义域名即可直连。

配置页面访问密码
配置密码后,用户需要在设置页手动填写访问码才可以正常聊天,否则会通过消息提示未授权状态。

警告:请务必将密码的位数设置得足够长,最好 7 位以上,否则会被爆破。

本项目提供有限的权限控制功能,请在 Vercel 项目控制面板的环境变量页增加名为 CODE 的环境变量,值为用英文逗号分隔的自定义密码:

code1,code2,code3
增加或修改该环境变量后,请重新部署项目使改动生效。


环境变量
本项目大多数配置项都通过环境变量来设置,教程:如何修改 Vercel 环境变量。

OPENAI_API_KEY (必填项)
OpanAI 密钥,你在 openai 账户页面申请的 api key。

CODE (可选)
访问密码,可选,可以使用逗号隔开多个密码。

警告:如果不填写此项,则任何人都可以直接使用你部署后的网站,可能会导致你的 token 被急速消耗完毕,建议填写此选项。

BASE_URL (可选)
Default: https://api.openai.com

Examples: http://your-openai-proxy.com

OpenAI 接口代理 URL,如果你手动配置了 openai 接口代理,请填写此选项。

如果遇到 ssl 证书问题,请将 BASE_URL 的协议设置为 http。

OPENAI_ORG_ID (可选)
指定 OpenAI 中的组织 ID。

HIDE_USER_API_KEY (可选)
如果你不想让用户自行填入 API Key,将此环境变量设置为 1 即可。

DISABLE_GPT4 (可选)
如果你不想让用户使用 GPT-4,将此环境变量设置为 1 即可。

HIDE_BALANCE_QUERY (可选)
如果你不想让用户查询余额,将此环境变量设置为 1 即可。


部署
容器部署 (推荐)
Docker 版本需要在 20 及其以上,否则会提示找不到镜像。

⚠️ 注意:docker 版本在大多数时间都会落后最新的版本 1 到 2 天,所以部署后会持续出现“存在更新”的提示,属于正常现象。

docker pull yidadaa/chatgpt-next-web

docker run -d -p 3000:3000 \
   -e OPENAI_API_KEY=sk-xxxx \
   -e CODE=页面访问密码 \
   yidadaa/chatgpt-next-web

你也可以指定 proxy:

docker run -d -p 3000:3000 \
   -e OPENAI_API_KEY=sk-xxxx \
   -e CODE=页面访问密码 \
   --net=host \
   -e PROXY_URL=http://127.0.0.1:7890 \
   yidadaa/chatgpt-next-web

如果你的本地代理需要账号密码,可以使用:

-e PROXY_URL="http://127.0.0.1:7890 user password"

如果你需要指定其他环境变量,请自行在上述命令中增加 -e 环境变量=环境变量值 来指定。

本地部署
在控制台运行下方命令:

bash <(curl -s https://raw.githubusercontent.com/Yidadaa/ChatGPT-Next-Web/main/scripts/setup.sh)

⚠️ 注意:如果你安装过程中遇到了问题,请使用 docker 部署。


Vercel 的使用说明
如何新建项目
当你从 Github fork 本项目之后,需要重新在 Vercel 创建一个全新的 Vercel 项目来重新部署,你需要按照下列步骤进行。

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第4张图片

进入 Vercel 控制台首页;
点击 Add New;
选择 Project。

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第5张图片

在 Import Git Repository 处,搜索 chatgpt-next-web;
选中新 fork 的项目,点击 Import。

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第6张图片

在项目配置页,点开 Environmane Variables 开始配置环境变量;
依次新增名为 OPENAI_API_KEY 和 CODE (访问密码) 的环境变量;
填入环境变量对应的值;
点击 Add 确认增加环境变量;
请确保你添加了 OPENAI_API_KEY,否则无法使用;
点击 Deploy,创建完成,耐心等待 5 分钟左右部署完成。
如何增加自定义域名
[TODO]

如何更改环境变量

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第7张图片
进去 Vercel 项目内部控制台,点击顶部的 Settings 按钮;
点击左侧的 Environment Variables;
点击已有条目的右侧按钮;
选择 Edit 进行编辑,然后保存即可。
⚠️️ 注意:每次修改完环境变量,你都需要重新部署项目来让改动生效!

如何重新部署

非常火爆的ChatGPT 一键轻松拥有自己专属的 ChatGPT 网页服务,支持跨平台 ChatGPT 应用 (Web / PWA / Linux / Win / MacOS)_第8张图片

进入 Vercel 项目内部控制台,点击顶部的 Deployments 按钮;
选择列表最顶部一条的右侧按钮;
点击 Redeploy 即可重新部署。


常见问题
如何快速获得帮助?
询问 ChatGPT / Bing / 百度 / Google 等。
询问网友。请提供问题的背景信息和碰到问题的详细描述。高质量的提问容易获得有用的答案。
部署相关问题
各种部署方式详细教程参考:https://rptzik3toh.feishu.cn/docx/XtrdduHwXoSCGIxeFLlcEPsdn8b

为什么 Docker 部署版本一直提示更新
Docker 版本相当于稳定版,latest Docker 总是与 latest release version 一致,目前我们的发版频率是一到两天发一次,所以 Docker 版本会总是落后最新的提交一到两天,这在预期内。

如何部署在 Vercel 上
注册 Github 账号,fork 该项目
注册 Vercel(需手机验证,可以用中国号码),连接你的 Github 账户
Vercel 上新建项目,选择你在 Github fork 的项目,按需填写环境变量,开始部署。部署之后,你可以在有梯子的条件下,通过 vercel 提供的域名访问你的项目。
如果需要在国内无墙访问:在你的域名管理网站,添加一条域名的 CNAME 记录,指向 cname.vercel-dns.com。之后在 Vercel 上设置你的域名访问。
如何修改 Vercel 环境变量
进入 vercel 的控制台页面;
选中你的 chatgpt next web 项目;
点击页面头部的 Settings 选项;
找到侧边栏的 Environment Variables 选项;
修改对应的值即可。
环境变量 CODE 是什么?必须设置吗?
这是你自定义的访问密码,你可以选择:

不设置,删除该环境变量即可。谨慎:此时任何人可以访问你的项目。
部署项目时,设置环境变量 CODE(支持多个密码逗号分隔)。设置访问密码后,用户需要在设置界面输入访问密码才可以使用。参见相关说明
为什么我部署的版本没有流式响应
相关讨论:#386

如果你使用 nginx 反向代理,需要在配置文件中增加下列代码:

不缓存,支持流式输出

proxy_cache off; # 关闭缓存
proxy_buffering off; # 关闭代理缓冲
chunked_transfer_encoding on; # 开启分块传输编码
tcp_nopush on; # 开启TCP NOPUSH选项,禁止Nagle算法
tcp_nodelay on; # 开启TCP NODELAY选项,禁止延迟ACK算法
keepalive_timeout 300; # 设定keep-alive超时时间为65秒
如果你是在 netlify 部署,此问题依然等待解决,请耐心等待。

我部署好了,但是无法访问
请检查排除以下问题:

服务启动了吗?
端口正确映射了吗?
防火墙开放端口了吗?
到服务器的路由通吗?
域名正确解析了吗?
什么是代理,如何使用?
由于 OpenAI 的 IP 限制,中国和其他一些国家/地区无法直接连接 OpenAI API,需要通过代理。你可以使用代理服务器(正向代理),或者已经设置好的 OpenAI API 反向代理。

正向代理例子:科学上网梯子。docker 部署的情况下,设置环境变量 HTTP_PROXY 为你的代理地址(例如:10.10.10.10:8002)。
反向代理例子:可以用别人搭建的代理地址,或者通过 Cloudflare 免费设置。设置项目环境变量 BASE_URL 为你的代理地址。
国内服务器可以部署吗?
可以但需要解决的问题:

需要代理才能连接 github 和 openAI 等网站;
国内服务器要设置域名解析的话需要备案;
国内政策限制代理访问外网/ChatGPT 相关应用,可能被封。
为什么 docker 部署后出现网络错误?
详见讨论:#1569

使用相关问题
为什么会一直提示“出错了,稍后重试吧”
原因可能有很多,请依次排查:

请先检查你的代码版本是否为最新版本,更新到最新版本后重试;
请检查 api key 是否设置正确,环境变量名称必须为全大写加下划线;
请检查 api key 是否可用;
如果经历了上述步骤依旧无法确定问题,请在 issue 区提交一个新 issue,并附上 vercel 的 runtime log 或者 docker 运行时的 log。
为什么 ChatGPT 的回复会乱码
设置界面 - 模型设置项中,有一项为 temperature,如果此值大于 1,那么就有可能造成回复乱码,将其调回 1 以内即可。

使用时提示“现在是未授权状态,请在设置页输入访问密码”?
项目通过环境变量 CODE 设置了访问密码。第一次使用时,需要到设置中,输入访问码才可以使用。

使用时提示 “You exceeded your current quota, …”
API KEY 有问题。余额不足。

使用时遇到 “Error: Loading CSS chunk xxx failed…”
为了减少首屏白屏时间,默认启用了分块编译,技术原理见下:

https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading
https://stackoverflow.com/questions/55993890/how-can-i-disable-chunkcode-splitting-with-webpack4
vercel/next.js#38507
https://stackoverflow.com/questions/55993890/how-can-i-disable-chunkcode-splitting-with-webpack4
然而 NextJS 的兼容性比较差,在比较老的浏览器上会导致此报错,可以在编译时关闭分块编译。

对于 Vercel 平台,在环境变量中增加 DISABLE_CHUNK=1,然后重新部署即可; 对于自行编译部署的项目,在构建时使用 DISABLE_CHUNK=1 yarn build 构建即可; 对于 Docker 用户,由于 Docker 打包时已经构建完毕,所以暂不支持关闭此特性。

注意,关闭此特性后,用户会在第一次访问网站时加载所有资源,如果用户网络状况较差,可能会引起较长时间的白屏,从而影响用户使用体验,所以自行考虑。

使用时遇到 “NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node…”
请关闭浏览器自身的自动翻译功能,并关闭所有自动翻译插件。

网络服务相关问题
Cloudflare 是什么?
Cloudflare(CF)是一个提供 CDN,域名管理,静态页面托管,边缘计算函数部署等的网络服务供应商。常见的用途:购买和/或托管你的域名(解析、动态域名等),给你的服务器套上 CDN(可以隐藏 ip 免被墙),部署网站(CF Pages)。CF 免费提供大多数服务。

Vercel 是什么?
Vercel 是一个全球化的云平台,旨在帮助开发人员更快地构建和部署现代 Web 应用程序。本项目以及许多 Web 应用可以一键免费部署在 Vercel 上。无需懂代码,无需懂 linux,无需服务器,无需付费,无需设置 OpenAI API 代理。缺点是需要绑定域名才可以在国内无墙访问。

如何获得一个域名?
自己去域名供应商处注册,国外有 Namesilo(支持支付宝), Cloudflare 等等,国内有万网等等;
免费的域名供应商:eu.org(二级域名)等;
问朋友要一个免费的二级域名。
如何获得一台服务器
国外服务器供应商举例:亚马逊云,谷歌云,Vultr,Bandwagon,Hostdare,等等; 国外服务器事项:服务器线路影响国内访问速度,推荐 CN2 GIA 和 CN2 线路的服务器。若服务器在国内访问困难(丢包严重等),可以尝试套 CDN(Cloudflare 等供应商)。
国内服务器供应商:阿里云,腾讯等; 国内服务器事项:解析域名需要备案;国内服务器带宽较贵;访问国外网站(Github, openAI 等)需要代理。
什么情况下服务器要备案?
在中国大陆经营的网站按监管要求需要备案。实际操作中,服务器位于国内且有域名解析的情况下,服务器供应商会执行监管的备案要求,否则会关停服务。通常的规则如下:

服务器位置 域名供应商 是否需要备案
国内 国内 是
国内 国外 是
国外 国外 否
国外 国内 通常否
换服务器供应商后需要转备案。

OpenAI 相关问题
如何注册 OpenAI 账号?
去 chat.openai.com 注册。你需要:

一个良好的梯子(OpenAI 支持地区原生 IP 地址)
一个支持的邮箱(例如 Gmail 或者公司/学校邮箱,非 Outlook 或 qq 邮箱)
接收短信认证的方式(例如 SMS-activate 网站)
怎么开通 OpenAI API? 怎么查询 API 余额?
官网地址(需梯子):https://platform.openai.com/account/usage 有网友搭建了无需梯子的余额查询代理,请询问网友获取。请鉴别来源是否可靠,以免 API Key 泄露。

我新注册的 OpenAI 账号怎么没有 API 余额?
(4 月 6 日更新)新注册账号通常会在 24 小时后显示 API 余额。当前新注册账号赠送 5 美元余额。

如何给 OpenAI API 充值?
OpenAI 只接受指定地区的信用卡(中国信用卡无法使用)。一些途径举例:

Depay 虚拟信用卡
申请国外信用卡
网上找人代充
如何使用 GPT-4 的 API 访问?
GPT-4 的 API 访问需要单独申请。到以下地址填写你的信息进入申请队列 waitlist(准备好你的 OpenAI 组织 ID):https://openai.com/waitlist/gpt-4-api 之后等待邮件消息。
开通 ChatGPT Plus 不代表有 GPT-4 权限,两者毫无关系。
如何使用 Azure OpenAI 接口
请参考:#371

为什么我的 Token 消耗得这么快?
相关讨论:#518

如果你有 GPT 4 的权限,并且日常在使用 GPT 4 api,那么由于 GPT 4 价格是 GPT 3.5 的 15 倍左右,你的账单金额会急速膨胀;
如果你在使用 GPT 3.5,并且使用频率并不高,仍然发现自己的账单金额在飞快增加,那么请马上按照以下步骤排查:
去 openai 官网查看你的 api key 消费记录,如果你的 token 每小时都有消费,并且每次都消耗了上万 token,那你的 key 一定是泄露了,请立即删除重新生成。不要在乱七八糟的网站上查余额。
如果你的密码设置很短,比如 5 位以内的字母,那么爆破成本是非常低的,建议你搜索一下 docker 的日志记录,确认是否有人大量尝试了密码组合,关键字:got access code
通过上述两个方法就可以定位到你的 token 被快速消耗的原因:
如果 openai 消费记录异常,但是 docker 日志没有问题,那么说明是 api key 泄露;
如果 docker 日志发现大量 got access code 爆破记录,那么就是密码被爆破了。
API 是怎么计费的?
OpenAI 网站计费说明:https://openai.com/pricing#language-models
OpenAI 根据 token 数收费,1000 个 token 通常可代表 750 个英文单词,或 500 个汉字。输入(Prompt)和输出(Completion)分别统计费用。

模型 用户输入(Prompt)计费 模型输出(Completion)计费 每次交互最大 token 数
gpt-3.5-turbo $0.0015 / 1 千 tokens $0.002 / 1 千 tokens 4096
gpt-3.5-turbo-16K $0.003 / 1 千 tokens $0.004 / 1 千 tokens 16384
gpt-4 $0.03 / 1 千 tokens $0.06 / 1 千 tokens 8192
gpt-4-32K $0.06 / 1 千 tokens $0.12 / 1 千 tokens 32768
gpt-3.5-turbo 和 gpt3.5-turbo-0301(或者 gpt3.5-turbo-mmdd)模型有什么区别?
官方文档说明:https://platform.openai.com/docs/models/gpt-3-5

gpt-3.5-turbo 是最新的模型,会不断得到更新。
gpt-3.5-turbo-0301 是 3 月 1 日定格的模型快照,不会变化,预期 3 个月后被新快照替代。

你可能感兴趣的:(个人工具,chatgpt,前端,一键搭建,一键部署,跨平台,网页,openai)