Coder Social home page Coder Social logo

79e / chatgpt-web Goto Github PK

View Code? Open in Web Editor NEW
1.3K 15.0 473.0 779 KB

A commercially-viable ChatGpt web application built with React. 使用React搭建的一款可商业化的ChatGpt Web应用。

Home Page: http://aizj.top

License: MIT License

JavaScript 1.89% Shell 0.03% HTML 0.08% TypeScript 85.30% Less 12.71%
chat openai chatbot chatgpt react

chatgpt-web's Introduction

icon

ChatGPT Web

A commercially-viable ChatGpt web application built with React.

可部署商业化的 ChatGpt 网页应用。

Issues / Buy Me a Coffee / 赞助我

Deploy to Vercel

交流&赞助

🐶 演示

页面链接

Web 演示: https://www.aizj.top/

演示地址:https://www.aizj.top
后台地址:https://www.aizj.top/admin
管理账号:[email protected]
管理密码:admin123

如需帮助请提交 Issues 或赞赏时留下联系方式。

页面截图

cover cover cover cover

🤖 主要功能

  • 后台管理系统,可对用户,Token,商品,卡密等进行管理
  • 精心设计的 UI,响应式设计
  • 极快的首屏加载速度(~100kb)
  • 支持Midjourney绘画和DALL·E模型绘画,GPT4等应用
  • 海量的内置 prompt 列表,来自中文英文
  • 一键导出聊天记录,完整的 Markdown 支持
  • 支持自定义API地址(如:openAI / API2D

🎮 开始使用

Node 环境

node 需要 ^16 || ^18 || ^19 版本(node >= 16.19.0),可以使用 nvm 管理本地多个 node 版本。

# 查看 node 版本
node -v

# 查看 npm 版本
npm -v

# 查看 yarn 版本
yarn -v

1.先 Fork 本项目,然后克隆到本地。

git clone https://github.com/79E/ChatGpt-Web.git

2.安装依赖

yarn install

3.运行

# web项目启动
yarn dev:web

4.打包

yarn build

⛺️ 环境变量

如果是前后端分离模式部署项目则需要填以下配置

VITE_APP_REQUEST_HOST

请求服务端的Host地址。

🚧 开发

强烈不建议在本地进行开发或者部署,由于一些技术原因,很难在本地配置好 OpenAI API 代理,除非你能保证可以直连 OpenAI 服务器。

本地开发

  1. 安装 nodejs 和 yarn具体细节请询问 ChatGPT
  2. 执行 yarn install 即可
  3. web项目开发 yarn dev:web
  4. 服务端项目开发 yarn dev
  5. 打包项目 yarn build

服务端

  1. 前端请求服务端的 接口文档 你们可以按照这个接口文档进行开发
  2. 如需帮助请提交 Issues 或赞赏时留下联系方式。

🎯 部署

直接将WEB项目打包好的 dist 目录上传到服务器即可。注意服务器IP地址位置!

Vercel

如果你将其托管在自己的 Vercel 服务器上,可点击 deploy 按钮来开始你的部署!

Deploy to Vercel

如需帮助请提交 Issues 或赞赏时留下联系方式。

💰 赞助方

🧘 贡献者

见项目贡献者列表

📋 开源协议

License MIT

chatgpt-web's People

Contributors

79e avatar swaggymacro avatar zhxycn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chatgpt-web's Issues

搭建好以后,前端一直提示--网络异常,请稍后重新尝试。

初学者,利用宝塔搭建的,centos7.x、nginx1.22、php7.4、mysql5.7、redis7.0.11、宝塔node.js管理器。环境都OK。

前端地址-/www/wwwroot/chatGpt_v122/dist (网络异常,请稍后重新尝试。)报错

node项目地址/www/wwwroot/chatGpt_v122/(正常运行)

mysql也正常导入,node项目正常连接。

.env.development、.env.production写的node项目ssl地址。

开了一个新网站,绑定了域名,反向代理到127.0.0.1:3200上。

请教一下作者,到底哪个地方没弄对。问了chatgpt,给的答案并不适用。弄了一天没找到原因,所以希望作者能给我个学习机会,告知一下问题,我可以自己去了解下原理。

后端入口?

程序后端入口/admin为什么自动跳转到login了?与普通用户同一个入口?
管理端的默认账号密码是否可以提供下?

请问这个有后台吗?

看到商业化需要实现发送短信或邮箱验证码的功能,请问这部分有后台吗?还是需要自己实现?

合作开发拓展项目

开发一名,后端技术栈为.NET 和 Nodejs, Next, 前端主要为angular, vue2 和 react 写的不多;

感觉前端比较页面已经比较成熟,自己目前在实现后端接口,主要使用nodejs 和 mongodb,

自己已实现
chat,
画图(dall2 和 midjourney model) ,
用户存储,
token的中间件认证

在使用中发现部分功能已经实现,想询问是否还需要人员一起合作这个项目?

可以帮助开发后端api,搭建海外代理转发服务器;

考虑扩展功能,对标chatPDF, 读取文件帮助回答;

数据库的相关 ......

如可以,考虑加微信细聊,已对项目进行赞赏过并备注。

商业模式新建对话,并不会新增parentMessageId

无论新建多少个对话,有效的parentMessageId只有一个,导致我后端都不知道怎么写?除了第一个会话会携带parentMessageId,其他会话都是空的,有点迷惑,这样就不知道怎么判断用户当前对话的是哪个id了,chatgpt恢复也混乱 了起来

新版本1.01测试时遇到的一些问题

1、右上角刷新余额不显示
image
2、退出登录后本地session没销毁,除非清除本地session否则重新登录会跳转404(不确定,怀疑本地没有更新session)
3、gpt对话时响应不显示,响应start时会转圈,响应text时显示一个空气泡和响应stop时一样,如下图
image
image
4、小建议,只设置一个stop即可,由前端接收后逐渐输出全部内容(而不是像1.0版本之前一股脑输出)

获取到非完整的 json 字符串,导致 下一句 handleChatData 时候 JSON.parse 报错

image
返回的 value 是非完整的 json字符串 导致 下一句 handleChatData 时候 JSON.parse 报错

这段代码。后端能够完整的返回 chunk 但是这里
new TextDecoder('utf-8').decode(value)
decode 出来的 结果,并不是完整的可 parse 的字符串,所以下一句 handleChatData 时,就错了。
如果不 handleChatData ,而是将所有的 decode 出来的 结果,累加给 allContent,所有的数据却是完整的。
查了一下,好像是 Post 返回 event-stream 会导致虽然发送是完整的 chunk ,但接受可能会不完整。这种问题。

1.1.1版本,商品列表仅显示会员天

1、
商品列表价格和角标可以显示正常,但title不显示
image

2、
1.1.1版本登录管理账户 ,会跳转404页面(login响应时的role已经设置成admin)
image

Vercel 一键部署无法注册

Vercel 一键部署后页面能打开,邮箱注册后收到[email protected]发来的验证码,但该验证码无法注册。提示WHERE parameter "invite_code" has invalid "undefined" value. 不知道如何登录后台。

这是纯前端项目吗?

1.部署后登录注册提示网络错误
2.没有看到后端的配置,像数据库之类的配置,是要自己跟前端的接口参数,实现后端吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.