摆脱网络限制:用Vercel打造属于你的ChatGPT网站

article/2024/12/23 2:49:13

摆脱网络限制:用Vercel打造属于你的ChatGPT网站

前言

上一篇分享了如何用自己的服务器搭建chatgpt服务器,但是需要你有一个服务器,还是有点成本的。今天我带来一个无需自备服务器的方式,让你也能搭建属于自己的chatgpt专属助手,并且可以不受网络限制,直接访问使用。非常适合自己搭建好,分享给不会使用网络的人去体验chatgpt的魔力。

今天的主角就是Vercel了,Vercel是一个用于部署前端应用和Node服务的云平台,提供CDN加速,自带https,自带丰富的模板,支持根据模板创建项目和一键导入 github 的项目,非常方便。

同类的平台有Netlify 和 Github Pages,相比之下,vercel 国内的访问速度更快,并且提供了多环境部署,支持持续集成,一次push或者一次PR会自动化构建发布,发布在development环境,生成不一样的链接可供预览。

部署

fork项目

打开https://github.com/Yidadaa/ChatGPT-Next-Web,点击右上角的fork按钮。

alt

点击下面的Create fork alt

打开自动更新

当你 fork 项目之后,由于 Github 的限制,需要手动去你 fork 后的项目的 Actions 页面启用 Workflows,并启用 Upstream Sync Action,启用之后即可开启每小时定时自动更新:

alt
alt

如果需要手动更新,点击一下这里: alt

开始部署

点击code返回首页,找到deploy按钮并点击: alt

使用你的github账号登录: alt

在弹出的页面中点击同意: alt

选择中国,输入你的手机号,点击继续,输入验证码,成功! alt

点击左上角Logo返回首页,点击Add New,选择Project: alt

输入chatgpt-next-web,点击Import: alt

alt
  1. 在项目配置页,点开 Environmane Variables 开始配置环境变量;
  2. 依次新增名为 OPENAI_API_KEY 和 CODE 的环境变量;
  3. 填入环境变量对应的值;
  4. 点击 Add 确认增加环境变量;
  5. 请确保你添加了 OPENAI_API_KEY,否则无法使用;
  6. 点击 Deploy,创建完成,耐心等待 5 分钟左右部署完成。

看到这个页面就表示创建成功了,点击左侧就可以去访问了 alt

alt
  1. 点击左下角设置
  2. Language可以切换成中文
  3. Access Code填入你之前在环境变量里面配置的密码
  4. (可选)如果你不想让别人使用你的api key去请求,这里可以不用填密码,让使用者在API KEY这里输入自己的api key即可

扩展

按照上面的步骤就已经可以正常运行你的个人专属chatgpt了,下面是一些进阶用法。

配置你自己的域名

vercel支持配置你自己的域名,这样访问就会更简单一些。

首先进入Vercel首页,https://vercel.com/,选择你刚才创建好的项目。 alt

依次选择settings -> Domains,输入你的域名,然后点击Add alt

稍等一会,这里显示Invalid Configuration,表示无效的配置,别担心,根据下面的提示,我们需要去dns配置下我们的域名。我目前是使用dnspod管理我的域名的,所以这里我用dnspod做演示,当然也可以用cloudflare跟阿里云,步骤类似。 alt

首先进入dnspod控制台,https://console.dnspod.cn/,选择你的域名,点击:

alt
alt
  1. 点击 添加记录
  2. 出入你要映射的二级域名
  3. 记录类型选个CNAME
  4. 记录值输入 cname.vercel-dns.com.
  5. 点击确认

这个时候再返回Vercel,就能看到Domains这里自动刷新了,显示下面的就表示配置成功了 alt

在浏览器输入你配置好的网址,就可以直接访问啦! alt

如何更改环境变量

访问vercel主页:https://vercel.com/dashboard

点击你的项目:

alt
alt
  1. 进去 Vercel 项目内部控制台,点击顶部的 Settings 按钮;
  2. 点击左侧的 Environment Variables;
  3. 点击已有条目的右侧按钮;
  4. 选择 Edit 进行编辑,然后保存即可。

⚠️️ 注意:每次修改完环境变量,你都需要重新部署项目来让改动生效!

如何重新部署

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

本文由 mdnice 多平台发布


http://chatgpt.dhexx.cn/article/x3IqrFfC.shtml

相关文章

不限次数的chatGPT

不说废话直接看方法: 不用翻墙,开干 第一步:打开电脑的Edge浏览器,就是windows系统的默认浏览器,搜索wetab,点击如下的官方链接就会进入安装插件界面 第二步:点击chat AI就会弹出这个弹窗&…

推荐一个免费的集成ChatGPT的代码编辑器,程序员写代码将被颠覆

上周,Open AI团队正式宣布:GPT-4来了!GPT-4的出现,随后 Microsoft的多个产品就集成了GPT-4。紧接着基于Open AI公司发布的GPT-4编写、编辑和讨论代码新一代编辑器 Cursor 的出现。 Cursor是一款独立的应用。从界面来看&#xff0c…

零基础也能用ChatGPT写代码,简直不要太爽

最近朋友圈刷到最多的动态和话题都是围绕ChatGPT的,作为一个功能强大,用途广泛的聊天机器人,我们能用它做的事情太多了。比如用它写文案,写剧本,规划旅游路线,甚至写小说等等。在本文中,我们将探…

用ChatGPT科学学习Python和写代码

你的朋友圈被ChatGPT攻占了吗? ChatGPT最近太火了! ChatGPT是什么? ChatGPT 是一种预训练的语言模型,用于对话生成。它的名字来源于它的两个主要组成部分:「聊天」(chat)和「生成式语言模型」&a…

不会写代码,也能部署一个独立ChatGPT?

本教程使用GPT-3模型接口模拟ChatGPT项目,虽然与真正的ChatGPT存在差异,但是演示了ChatGPT的工作原理。 (ChatGPT服务是基于GPT-3模型,经过大量的微调训练而来的,本教程暂时不包含训练内容,之后我们会讲如…

ChatGPT教你写代码

问题: 本人是个菜鸟,想将HTID字段和LDaiHao字段相同,且个数大于1的记录 的Feature字段值改为“共压”。 于是我凭着自己粗浅的学识,写了个sql Update 线号表 T1, (Select HTID,LDaiHao ,Count(HTID) as NUM From 线号表 Group By …

ChatGPT 能自己跑代码了!

公众号关注 “GitHubDaily” 设为 “星标”,每天带你逛 GitHub! time leap, sci-fi, photorealistic, --niji 5 --ar 3:2 --s 1000 自 ChatGPT 发布以来,各行各业对其能力探索的举措一直没有停止。 很多大厂纷纷跟进,竞相推出自研…

如何让ChatGPT Plus教你写代码?

1、什么是chatgptPlus?和chatgpt的比较? ChatGPT 是 OpenAI 开发的一种人工智能语言模型,是对原有的 ChatGPT 模型的升级版。与 ChatGPT 相比,ChatGPT 在以下几个方面进行了改进: 更高的生成质量:ChatGPT…

如果让ChatGPT来写代码他会怎么写?

一、前言 今天突发奇想想试一下如果让ChatGPT来写51代码会怎么样呢?今天我们就一起来看一下他会怎么写51代码,机器人写出来的代码到底可不可以运行? 在开始之前我们首先让ChatGPT做一个自我介绍吧! 问: ChatGPT介绍…

快来看,我让chatGPT帮我写代码了!!!

现在AIGC很火,chatGPT的功能也是非常的强大,作为一个学计算机的,我想chatGPT必须要玩起来,哈哈哈哈~~~ 突发奇想,虽然学了几年的计算机,但是编程能力还是不行&#xff0c…

怎么用ChatGPT写代码,ChatGPT怎么改代码修BUG

ChatGPT 是一个自然语言处理模型,可以模拟人类语言生成文本,可以用于写代码和修复bug。在本文中,说一下我的经验,如何使用 ChatGPT 写代码和修bug。 怎么用ChatGPT写代码? 虽然 ChatGPT 被广泛用于文本生成&#xff0…

ChatGPT可以写代码吗【详解】

ChatGPT可以写代码吗?ChatGPT可以实现很多的操作,用户只要说出自己的需求,ChatGPT就可以帮助你进行解答,比如写代码,只要在对话框输入问题,就可以得到答案,操作很简单。具体的方法小编已经给大家…

【ChatGPT实战】11.如何使用ChatGPT写代码?

以往大家总是调侃说程序员只要会用Google就好了,直接搜对应的代码然后复制粘贴就可以了。但是只有程序员才知道真要找到可用的代码是不容易的,经常是找很久都没有合适的代码。 ChatGPT在编程方面拥有着不可忽视的优势,能够生成高质量的程序代…

人工智能写的十段代码,九个通过测试了

“抢走你工作的不会是 AI ,而是先掌握 AI 能力的人” 编程测试 1. 我想用golang实现二叉树前序,请你帮我写一下代码。 // 定义二叉树节点 type TreeNode struct {Val intLeft *TreeNodeRight *TreeNode }// 前序遍历 func PreOrderTraversal(root *Tre…

OpenAI ChatGPT 我也体验了一下自动写程序

大家好最近 ChatGPT非常出圈,于是我也出于好奇心试用了一下自动写代码, 先写一个简单程序吧 在写一个有点难度的吧 import java.io.FileOutputStream; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet; import org.…

ChatGPT三问:是什么、从哪来、去往哪?

©PaperWeekly 原创 作者 | 张燚钧 单位 | 中国移动云能力中心 研究方向 | 预训练大模型 ChatGPT 热潮已经持续月余,目前热度依然不减。根据最新的消息,ChatGPT 的升级版 GPT-4 也已蓄势待发。回首 ChatGPT 的这波热潮,ChatGPT 是什么&a…

chatgpt在哪用?详谈一下gpt的各方面

ChatGPT是一种人工智能技术,它可以通过自然语言交互回答各种问题。这种技术已经被广泛应用于各个领域和场景中,帮助人们更好地获取知识和信息。那么,ChatGPT在哪里使用呢?下面我们来探讨一下。 一.chatgpt在哪用 打开任意的浏览器…

Voice Control for ChatGPT 轻松实现使用语音与ChatGPT进行对话。

缘由 日常生活中,我们与亲人朋友沟通交流一般都是喜欢语音的形式来完成的,毕竟相对于文字来说语音就不会显的那么的苍白无力,同时最大的好处就是能解放我们的双手吧,能更快实现两者间的对话,沟通便更高效了。Voice Co…

【插件分享】对Chatgpt的对话内容进行滚动截屏

问题描述 在和Chatgpt进行了一番友好的对话后,想要把对话内容截取出来与朋友分享,但是由于对话内容比较多,无法显示在一页里,因此需要使用滚动截屏。但是edge浏览器自带的网页捕获功能在chatgpt的聊天界面里无法实现滚动截屏。 解…

使用chatgpt完成简繁体转换

tl;dr: 语言模型可以完成简繁转换,还会故意出错以测试人类是否在认真阅读答案。 我:你是一個訓練有素的人工智能,你的任務是將中國大陸的簡體字普通話文章轉換為繁體字的台灣國語文章。例如,我輸入「计算机的内存不足,…