Giter Club home page Giter Club logo

chatgpt-web's Introduction

部署教程

有问题微信群讨论

工作繁忙 更新速率会稍微慢一点

希望大家不要拿去贩卖谢谢!!!

注意看完教程
记得点个star😊💕

前言

有问题 Wechat :SeatimeIsland

web演示视频 https://www.bilibili.com/video/BV1EX4y1C7jE/?spm_id_from=333.999.0.0&vd_source=247eccf88822f409670040957c2f29a9

请作者喝肥皂快乐水 😘 微信图片_20230414223811

GitHub作者主页

Linux准备环境 (必须)

  • centOS 8 或更高
  • MySQL 8
  • Redis 7
  • OpenJdk 17以上 (必须)

后端部署

  1. 创建MySQL数据库 取名为 super_web
  2. 将项目中的.sql文件执行到该库中 也就是导入表数据
  3. ~ 找到application-prod.yml 将SSL证书放置在同目录下 , 如果使用其他方式配置请忽略(只是为了后期适配小程序) ~
## application-prod.yml
server:
 # SSL证书
 ssl:
  key-store: classpath:XXX.pfx
  key-store-password: 证书密码
  key-store-type: PKCS12

  1. 找到application-prod.yml 配置好mysql以及redis中间件 以及管理员邮箱账号
## application-prod.yml
server:
  #   SSL证书
  ssl:
    key-store: XXXX.pfx
    key-store-password: XXXXX
    key-store-type: PKCS12

spring:
  data:
    redis:
      database: 4
      host: 服务器ip
      port: 端口号
      password: 'redis密码'
  # 这里方式很多
  mail:
    # 这里具体看你 我用的是QQ的
    host: smtp.qq.com
    username: 邮箱
    password: 邮箱授权码
    default-encoding: UTF-8
  datasource:
    url: jdbc:mysql://服务器ip:端口号/super_web?useUnicode=true&serverTimezone=Asia/Shanghai&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&autoReconnect=true&allowMultiQueries=true&useSSL=true
    username: mysql账号
    password: 'mysql密码'

# 管理员账号
console:
  email: '管理员邮箱 例如 [email protected]'
  password: '管理员密码'

file:
  ## 图片缓存路径
  path: /apps/chat/resource/
  1. 这里邮箱以QQ邮箱为例 打开设置 1
  2. 滑到下面可以看到 IMAP/SMTP服务 一套流程走完后 腾讯会给一个授权码 ,把授权码 填到 步骤 5中 mail节点属性下得 邮箱授权码 1
  3. 直接打包jar 用 宝塔运行 或者 自写一个dockerfile 部署就行, 如果是docker部署 请注意容器内部ip

前端部署

  1. 找到 .env.production 如图所示
    1
  2. 打开 后 把下面域名替换为 自己得域名 如果有端口就设置端口
# just a flag
ENV = 'production'

# base api   这里用https是因为后端设置了SSL证书  如果没配 可以不设置
VUE_APP_BASE_API = 'https://服务器域名:端口'


# 另外 请自己手动附上 WSS
路径位于 views目录中的 IndexView.vue 以及 BingView.vue
自己修改成你的 服务器域名和端口
  1. 设置好后 在项目目录下执行命令安装依赖

npm run install

  1. 执行打包命令

npm run build

  1. 打包完成后 会在项目根目录下生成dist文件如图所示
    img.png

  2. 把他扔到nginx即可 不懂可以百度 另外需要配置 SSL证书 不然应为某些浏览器会检查不安全连接时会禁用某些javascript参数 会导致 一些功能失效

使用部分

  1. 点击logo切换为管理员登录方式 ,这里填写你之前配置好的管理邮箱账号及密码
    img.png

  2. 登录成功后显示 img.png

  3. 点击个人中心 找到管理控制台 目前要使用需要配置这三项 img.png

  4. 首先配置 服务器数据 img.png

服务器策略和之前版本一样 代理 自定义 直连
官方密钥填写 OPENKEY即可
官方API 官网的就行 到 /v1 结尾即可 如 https://xxx/v1/
自定义密钥为 第三方api 密钥
自定义API 为 第三方API 到 /v1 结尾即可 如 https://xxx/v1/
Clash代理IP 如 127.0.0.1 具体看你配置
clash代理端口 如 7892 具体看你配置
SDAPI 填写如 https://XXXXX/sdapi/v1/txt2img
MJID 填写服务器ID
MJChannerID 填写频道ID
BotToken 填写机器人token
BingCookie 填写bingcookie

  1. 首先配置运营 填写用户在使用如下功能时得消耗次数 img.png

  2. 滑到下面也有配置 保存即可 img.png

小程序部署

  1. 打开 env 配置后端接口以及微信参数即可 img.png

  2. 微信模拟器运行示例 img.png

chatgpt-web's People

Contributors

dulaiduwang003 avatar

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.