【开源推荐】一款全开源的整套的,可商业化的ChatGPT Web应用,完整后台代码抓紧上车

ChatGPT 2023年6月16日 1.53K

之前分享过一款很漂亮的ChatGPT Web应用(https://www.viphper.com/6861.html),当时系统的作者只分享出来了前端代码,没有后端代码,今天作者突然放出来了后端代码,
我也是第一时间拿到了,抓紧和大家分享,大家可以搭建起来自己用了,特别说明,我已经在本地搭建成功了,若是大家有啥疑问,可以进群讨论。

不得不说整套代码非常完善,你可以拿去二次开发

支持功能

后台管理系统可管理用户、代币、产品、卡片密码等

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

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

支持Midjournal绘画、DALL·E模型绘画、GPT4等应用

内置海量中英文提示列表

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

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

官方搭建手册

src 目录是前端代码server 是后端代码

后端配置

请在这个文件里面配置你的 mysql redis 和 邮箱配置前端配置


这这两个文件里面配置一个是 线上一个是 测试两个环境

命令行

start : 启动服务端,放在服务端 请把整个项目都放在服务器 在运行

yarn start

build : 打包前端代码会生成 dist 文件这是前端部署需要的

yarn build

mysql 配置

注意配置表 这三个字端注意用户表


这是 将这个用户设置 管理员

如何进行管理后台

1. 注册个账号

2. 在数据库中将这个 注册的账号 的 role 字段 改为 administrator

安装教程

服务器安装个宝塔服务(这么不详细说明了,相信大家都会)

登陆宝塔界面

必须安装的东⻄

Node 版本管理器

redis

mysql

nginx

Php7

收到的文件

dist 是前端打包的产物

server 是服务端代码

.env.development 是前端开发配置文件

.env.production 是前端线上配置文件

数据库

chatgpt_test_xin_530.sql 这种不带 config 的是全部数据库表结构 (先导入这个)

config.sql 是配置文件(这里包含数据)后导入

后端配置

"use strict";Object.defineProperty(exports, "__esModule", { value: true });
function getConfig(key) { 
const config = {
port: 3200, 
mysql_config: {
dialect: 'mysql',
host: '',
port: 3306,
username: '',
password: '',
database: '',
timezone: '+08:00',
dialectOptions: { dateStrings: true, typeCast: true } 
},
redis_config: { 
type: 'redis',
host: '',
port: 6381,
password: '' 
},
email: 'noticecode@163.com', 
}}; 
email_config: {
host: 'smtp.163.com',
port: 25,
ignoreTLS: true,
secure: false,
auth: { user: 'noticecode@163.com', pass: ''} 
if (key) { 
return config[key]; 
} 
return config; 
} 
exports.default = {getConfig };//# sourceMappingURL=index.js.map

命令

"scripts": {
  "tsc": "tsc -p tsconfig.node.json",
  "dev": "vite",
  "dev:web": "vite",
  "start": "node server/index.js",
  "build": "vite build",
  "preview": "vite preview",
  "eslint": "eslint \"src/**/*.{ts,tsx}\" \"server/**/*.{ts,tsx}\"",
  "eslint:fix": "eslint \"src/**/*.{ts,tsx}\" \"server/**/*.{ts,tsx}\" --fix",
  "prepare": "husky install"
},

前端打包

npm run build

将打包的产物用php运行

注意这里 前端的配置写好后端的请求地址(全部要求https)


# 系统环境
VITE_APP_ENV=production
# 请求地址
VITE_APP_REQUEST_HOST=
# APP 名称&Logo
VITE_APP_TITLE=ChatGpt
VITE_APP_LOGO=https://u1.dl0.cn/icon/openailogo.svg

后端部署

添加node 项目

目录选择项目目录就行 不用选择(server)

然后启动方式选择 start (只要是 node server/index.js )这里注意看 如果不是运行的 server/index.js 就是有问题

注意

这里需要注意后端的配置是否正常

然后两端就可以跑起来了

项目下载

特别提醒:此版本是带完整开源后台的

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


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

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

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

文章评论

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

PHP学习网

PHP学习网