【开源推荐】使用React搭建的一款可商业化的ChatGpt Web应用 支持绘画 支持GPT4

ChatGPT 2023年5月22日 1.33K

今个又发现一款,可商用的ChatGPT应用,这个是作者用React写的,后端使用的是 node 提供接口服务,这套应用比较适合前端的小伙伴,作者很贴心的提供了源码,不是编译后的,可以说是全开源了,喜欢的朋友可以下载研究研究。

截图演示

主要功能

后台管理系统,可对用户,Token,商品,卡密等进行管理

精心设计的 UI,响应式设计

极快的首屏加载速度(~100kb)

支持Midjourney绘画和DALL·E模型绘画,GPT4等应用

海量的内置 prompt 列表,来自中文和英文

一键导出聊天记录,完整的 Markdown 支持

支持自定义API地址(如:openAI / API2D)

开始使用

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

# 查看 node 版本
node -v

# 查看 npm 版本
npm -v

# 查看 yarn 版本
yarn -v

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

git clone 文末回复下载

2.安装依赖

yarn install
3.运行

# web项目启动
yarn dev:web
4.打包

yarn build

环境变量

VITE_APP_REQUEST_HOST
请求服务端的Host地址。

VITE_APP_TITLE
Chat Web 标题名称。

VITE_APP_LOGO
Chat Web Logo。

本地开发

安装 nodejs 和 yarn具体细节请询问 ChatGPT

执行 yarn install 即可

web项目开发 yarn dev:web

服务端项目开发 yarn dev

打包项目 yarn build

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

部署

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

接口文档

作者很贴心提供了接口文档,方便二次开发和学习,为作者点赞,文末回复下载吧。

资源下载
PHP学习网
公众号回复“PHPER6861”获取下载!
请打开微信扫描右边的二维码回复关键字“PHPER6861”也可以微信直接搜索“PHP学习网”关注微信公众号获取。


关注微信公众号『PHP学习网

第一时间了解最新网络动态
关注博主不迷路~

PHP学习网:站内收集的部分资源来源于网络,若侵犯了您的合法权益,请联系我们删除!
分享到:
赞(0)

文章评论

您需要之后才可以评论
0点赞 0评论 收藏 QQ分享 微博分享

PHP学习网

PHP学习网