这个gayhub的大佬作者,更新起ChatGPT的项目,简直是高产如奶牛呐!实战网页版chatgpt-web源码(上)

大家好啊,我是测评君,欢迎来到web测评。

最近chatgpt真的是火了一遍又一遍,基本逛gayhub,gitee等开源社区的时候,随处可见各种大佬写的开源项目。今天给大家分享的是Chanzhaoyu大佬编写的一个网页版chatgpt,目前已经超过了12.8k star,而且感觉他都是无时无刻的在持续更新,简直是高产如奶牛啊!

那么多关于chatgpt的开源项目,为什么我会选择录制这个,主要是下面这几点原因:

  1. 该项目提的issues,大部分都是在搭建部署的时候,出现了各种各样的问题,说明有很多朋友连基本的搭建都搭建不起来,更别说拿来开发了。所以这就让我对这个项目有点好奇想测试一下。

  2. 前段时间测试了大大小小有关于chatgpt的开源项目,综合对比了后,发现这个项目回复速度简直是丝滑,只要魔法够给力,基本都是实时传输,不像其他很多项目,要等很久才返回信息。

  3. 看了整体代码,值得学习,实现聊天回复功能的思路也很新颖,用到了流式实时传输技术,结合一个好点的魔法梯子,基本能达到实时回复。

  4. 最重要的一点,就是作者高产如奶牛!让在下佩服,基本每个几个小时看一下,总会更新点东东与修复点bug…

技术架构

  • Docker容器化部署 + node16 + vite + vue3 + express
  • cnetos7以上 + 宝塔面板

文字搭建教程

  1. 下载源码,使用vscode导入代码目录。
  2. node需要 ^16 || ^18 || ^19 版本(node >= 14 需要安装 fetch polyfill),建议使用nvm管理本地多个node版本,不懂nvm的可以去看我之前的教程。
  3. 安装pnpm,如果没有安装过,可以执行 npm install pnpm -g 来全局安装。
  4. 进到service/.env文件,填写密钥等信息,主要填写OPENAI_API_KEY与SOCKS_PROXY_HOST还有SOCKS_PROXY_PORT这几个值就好了,尤其是如果在本地运行,魔法梯子很重要,切记切记!
  5. 进入文件夹 /service 运行命令 pnpm install 安装依赖。
  6. 根目录下运行命令 pnpm bootstrap 安装依赖。
  7. 测试环境运行后端,进入文件夹 /service 运行命令 pnpm start
  8. 测试环境运行前端,根目录下运行命令 pnpm dev
  9. 基本本地环境就是这一套流程了,其实都不难,难的是网络限制,必须要用魔法梯子。还有部署上宝塔服务器的,下一期再简单的给大家分享一下。部署方式与本地都是类似的。

系统介绍

此项目基于MIT协议,作为开源学习使用,支持双模型,提供了两种非官方ChatGPT API方法。

为了简便 后端开发人员 的了解负担,所以并没有采用前端 workspace 模式,而是分文件夹存放。

如果只需要前端页面做二次开发,删除 service 文件夹即可。

系统实测截图


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/1395.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何使用 ChatGPT 完全自动化网页抓取

Web 抓取是使用脚本从网站自动提取数据的过程。ChatGPT 能够为您生成网络抓取脚本代码。让我们看看这是如何工作的…… IMDb 是一个提供有关电影、电视节目和其他娱乐形式的信息的网站,包括评分最高的电影图表,该网站https://www.imdb.com/chart/top/?r…

免费快速部署ChatGPT线上聊天网页:ChatGPT API + Github + Railway

1、使用工具 (1)需要自己生成的openai api,获取API的网站:openAI API 获取方式:OpenAI的API key获取方法 (2)本次使用该参考项目进行部署:chatweb 需要将该项目fork到自己的仓库里 …

ChatGPT网页版(基于SpringBoot和Vue)

目录 1.使用说明1.1 登录1.2 获取OpenAI KEY或User Token1.3 创建对话1.4 删除会话 1.使用说明 1.1 登录 登录http://chatgpt.alpacos.cn/ 1.2 获取OpenAI KEY或User Token 如果自己有OpenAI的token(sk-xxxx)的话,可以直接输入,点击右上角绑定按钮&am…

基于Vercel自建ChatGPT网页应用

因为平时我们在使用ChatGPT官方提供的网页应用的时候,总是经常访问不了,或者经常报错,越来越频繁,一旦你离开页面太久,再返回跟它对话的时候,就会出现如下报错等等。 An error occurred. If this issue per…

ChatGPT-Next-Web: 一键轻松拥有自己专属的 ChatGPT 网页服务

公众号关注 「奇妙的 Linux 世界」 设为「星标」,每天带你玩转 Linux ! ​ 今天给大家推荐一个非常好用的开源项目:ChatGPT-Next-Web。 这个开源项目可以做到一键免费部署你的私人 ChatGPT 网页应用。如果部署Vercel,Vercel可以绑…

ChatGPT实现HTML网页文本提取

网页自动化工具 既然ChatGPT对于编程语言有非常强大的理解能力,那么它是否可以用来自动化地处理网页呢?答案是肯定的。ChatGPT可以使用机器学习算法来识别网页元素中的文本,并抽取出有用的信息。 例如我们提供一段层数比较多的相对来说较为…

【ChatGPT实战】5.使用ChatGPT自动化操作网页

在当今数字化的时代,网页已经成为了人们获取信息、娱乐、社交和购物等方面的主要途径。然而,随着我们对网页的需求和使用不断增加,我们也经常会面临着一些繁琐的网页操作,例如自动填充表单、自动化浏览和搜索等,这些操…

【chatGPT】API 即将来临,GPT-3 不等同于chatGPT,chatGPT收费了?

今天的人工智能系统具有令人印象深刻但范围有限的能力。 似乎我们会不断削弱它们的限制,在极端情况下,它们几乎可以在每一项智力任务上达到人类的水平。 很难想象人类水平的人工智能能给社会带来多大的好处,同样也很难想象如果构建或使用不当…

chatgpt3.5实时插件

打开chrome的应用商店搜索webchatgpt 添加webchatgpt扩展插件打开chatgpt打开web开关

ChatGPT所有插件详细教程

​ 编辑切换为居中 添加图片注释,不超过 140 字(可选) 官方插件 ​ 编辑切换为居中 添加图片注释,不超过 140 字(可选) 插件名称:KeyMate.AISearch 描述:使用自定义搜索引擎进行…

技巧|使用Chatgpt练习多种类型口语

练雅思口语——其实练什么语言、什么形式的口语都可以。 ChatGPT作为一款聊天机器人,自然可以用于对练口语——只要你的输入和它的输出都变换为语音的形式即可。 一、语音插件 首先,谷歌搜索voice control for chatgpt,点击第一个chrome……

chatgpt赋能Python-python3_9怎么安装

Python 3.9:安装指南 如果你正在学习编程或者已经是一名程序员,那么一定会了解到Python这个编程语言。Python是一种高级编程语言,其强大的设计特点和易于操作的特性使其成为了开发人员的首选。Python 3.9已经发布了,它虽然不是Py…

Windows 10使用WSL部署Chatgpt_academic

目录 一、在windows10中安装Ubuntu系统 二、在Ubuntu系统中安装anaconda3和GPT_Academic 本文主要介绍windows10使用WSL安装Ubuntu系统,然后通过安装anaconda3来部署chatgpt学术版的整个过程。Chatgpt学术版用来做论文润色等任务还是挺不错的,但是是否…

安装油猴插件解决chatgpt报错问题

转载自Github Daily公众号 Something went wrong. If this issue persists please contact usthrough our help center at help. openai.com. 最近几天,相信大家都发现了 ChatGPT 一个问题,就是官网报错越来越频繁了。 当你需用 ChatGPT 来处理一些比较…

「部署全流程」 中科院学术专业版chatGPT来啦

前言 上周末的时候,一位开发者将名为「ChatGPT Academic」的项目开源至 GitHub。 仅用了短短一两天,该项目 Star 数便增长到了 21k,成为 GitHub 上又一个基于 ChatGPT 构建的热门开源项目。 这个项目就是《中科院学术专业版 ChatGPT》。 …

chatgpt academic3.37安装教程(haust)

作者邮箱:634494816qq.com chatgpt academic能干啥?具体用法看官网 使用chatgpt academic前置条件: ①需xx上网 ②有key(chatgpt官网注册账户即可免费获得)(注册教程在这,注意:无需付费&…

ChatGPT搭建语音智能助手

环境 python:3 ffmpeg:用于处理视频和语音 gradio:UI界面和读取语音 概述 我们的目的是做一个语音智能助手 下面我们开始 准备工作 下载Visual Studio Code Visual Studio Code 因为需要写python代码,用Visual Studio Code比较方便。 安装pytho…

【利用ChatGPT学习英语口语(包括如何安装插件的详细教程)】

内容目录 一、插入ChatGPT语音播放插件1. 打开谷歌浏览器——右上角三点——更多工具——扩展程序2. 点击扩展程序三个横杠——打开chrome 应用商店3. 搜索Voice Control for ChatGPT——点击如下图第一个——添加至Chrome——添加扩展程序4. 成功安装,打开ChatGPT有…

chatgpt小程序安装指引

chatgpt小程序安装指引 JAVA 创建数据库,名字随意,数据库编码为utf8mb4 导入sql文件,在renren-api/db目录下面 第一次导入数据的先执行chatgpt.sql文件,在根据日期先后顺序执行 已导入过的同志,根据更新已经更新日期来导入 后台管理默认账号密码为admin 修改application-de…

关于chatGPT专栏

这边已经受到了限制,关于gpt的内容文章已经被下架了众多 所以我关于gpt的文章只能在微信公众号里面查看, 还有许多新的文章是在此平台没有发过的,所以想了解关于chatgpt的文章,可以关注我文章下面的公众号。