前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【开源推荐】一款全开源的整套的,可商业化的ChatGPT Web应用,完整后台代码抓紧上车

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

作者头像
PHP学习网
发布2023-06-19 15:52:59
7056
发布2023-06-19 15:52:59
举报
文章被收录于专栏:PHP学习网PHP学习网

支持功能

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

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

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

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

内置海量中英文提示列表

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

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

官方搭建手册

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

后端配置

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

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

命令行

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

代码语言:javascript
复制
yarn start

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

代码语言:javascript
复制
yarn build

mysql 配置

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

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

如何进行管理后台

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

安装教程

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

登陆宝塔界面

必须安装的东⻄

Node 版本管理器

redis

mysql

nginx

Php7

收到的文件

dist 是前端打包的产物

server 是服务端代码

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

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

数据库

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

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

后端配置

代码语言:javascript
复制
"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

命令

代码语言:javascript
复制
"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"
},

前端打包

代码语言:javascript
复制
npm run build

将打包的产物用php运行

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

代码语言:javascript
复制
# 系统环境
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 就是有问题

注意

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

然后两端就可以跑起来了

项目下载

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2023-06-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 PHP学习网 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 官方搭建手册
  • 后端配置
  • 命令行
  • mysql 配置
  • 安装教程
  • 登陆宝塔界面
  • 收到的文件
  • 数据库
  • 后端配置
  • 命令
  • 前端打包
  • 后端部署
  • 注意
  • 项目下载
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档