【Cloudflare系列教程】部署 ChatGPT-Next-Web

由于个人使用老版本较久,不太习惯新版本,于是研究了下怎么利用 Pages 部署 v2.9.13 这个经典版本。当然,如果你喜欢最新的版本,直接 Fork 官方仓库后从第二步开始即可。

此方法也适用于其他仓库的历史版本构建,这里权作抛砖引玉

简单上手

可以跳过第一步,Fork 我构建好的仓库直接进入第二步

第一步,构建历史版本

创建一个新仓库 chatnext并设置为public,然后打开 gitbash,拉取这个仓库

git pull https://github.com/$username/chatnext

点击 下载 v2.9.13 版本,解压后将文件全部复制到你拉取的空仓库文件夹

git add .
git commit -m "initial commit"
git remote set-url origin https://github.com/$username/chatnext.git
git push origin main

需要弹窗登录授权,完成后刷新页面,打开 app/api/openai/[...path]/route.ts 文件替换最后一行

export const runtime = 'edge';

第二步,部署到 Pages

登录 Cloudflare,左侧菜单栏点击 Workers 和 Pages,选择 Pages 标签,点击 连接到 Git,选择 chatnext 仓库点击 开始设置,框架预设选 Next.js,构建命令替换为

npx @cloudflare/[email protected]

接着点击展开环境变量,添加以下内容

变量 描述
NODE_VERSION 20.1 必填
NEXT_TELEMETRY_DISABLE 1 必填
YARN_VERSION 1.22.19 必填
PHP_VERSION 7.4 必填
OPENAI_API_KEY 你自己的API Key 必填
BASE_URL https://api.openai.com 可选,OpenAI反代地址或OneAPI地址
CUSTOM_MODELS -all,gpt-4o,gpt-4-turbo 可选,自定义模型
CODE 可选,站点密码,可以使用逗号隔开多个密码
DISABLE_GPT4 1 可选,不让用户使用 GPT-4
HIDE_USER_API_KEY 1 可选,不让用户自行填入 API Key

设置完毕点击 保存并部署,然后下滑依次点击 取消部署 - 取消构建 - 继续处理项目 - 继续,点击 设置 标签,进入 函数 菜单,找到下图这俩,全都配置为 nodejs_compat



进入 部署 标签,点击列表项最右侧的三个点
image
点击重试部署,稍等片刻即可,等待的时间可在 自定义域 标签添加自己的域名

参考链接

29 Likes

第一

2 Likes

好耶 顶顶 :tieba_024:

7 Likes

感谢分享

2 Likes

最新版和one-api有什么不搭的地方

3 Likes

cf都能搭nextchat了,夭寿了

1 Like

感谢分享

感谢分享!

新版本nextchat确实不好用,不知道为啥要在模型后面加上厂商…

作者被收购后 产品体验下降了 :rofl:

cf都能部署了吗,真是nb

太酷了,最喜欢楼主的科普 教程

感谢分享

又打开一扇门:+1:

cf都行了,上手成本越来越低了

尝试部署了最新版本,报错如下,有啥解决思路吗

1 Like

模型后面加厂商是兼容性选择,只是目前 nextchat 还做不到 lobechat 那么兼容,毕竟不是每个人都愿意搭一套 one/new 的

1 Like

其实一开始就支持,readme 里也有相关的内容,后面某个版本部署就有 bug,不过按照 issue 区的方法改改就能部署

1 Like


搞不懂

1 Like

我已经是自力更生的二开版本了,原仓库有好的 commit 我就加进来,没有的功能让 AI 帮我优化,优化不了的就再等等 :laughing:

image

1 Like