手把手从零搭建ChatGPT网站midjourney-AI绘画系统，附详细搭建部署教程文档

一、系统前言

SparkAi创作系统是基于ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统，支持OpenAI-GPT全模型+国内AI全模型。本期针对源码系统整体测试下来非常完美，那么如何搭建部署AI创作ChatGPT？小编这里写一个详细图文教程吧。已支持GPTs、GPT语音对话、GPT-4模型、GPT联网提问、DALL-E3文生图、图片对话能力上传图片，GPT4-All联网搜索模型、文档分析、Midjourney绘画动态全功能、AI换脸、垫图混图、插件功能、支持最近火爆的Suno-v3-AI音乐生成大模型。

《SparkAI系统介绍文档 - 渐进式AIGC系统》:

SparkAI系统介绍文档 - 渐进式AIGC系统

1.1 系统架构技术栈

  • 前端： Vite + vue3 + ts + NaiveUI + Tailwindcss

  • 管理端：Vite4 + Vue3 + Element-Plus

  • 服务端（后端）：Nodejs + NestJs

  • 数据支持： Mysql5.7(+) + Redis

  • 运行环境：Linux、Windows、MacOs（推荐使用Linux）

  • 数据存储：本地存储 | 阿里云oss | 腾讯云cos | chevereto图床

1.2 特色功能

①GPT语音对话功能

支持电脑PC浏览器和手机端使用，具有”人的语气“

​

②GPTs应用

​

③GPT4-All联网搜索模型

​

④文档分析

​

⑤Suno-v3-AI音乐生成

⑥Midjourney局部编辑重绘

​

1.3 程序核心功能

已支持 OpenAI GPT全模型 + 国内AI全模型 + 绘画系统 +GPTs+ MJ局部编辑重绘功能+语音对话功能 + 文档分析功能 + Midjourney绘画动态全功能+插件功能！

  • 支持最近火爆的Suno-v3-AI音乐生成大模型

  • 极速部署、支持宝塔小白部署、docker镜像部署！

  • 配置简单、仅需配置数据库以及redis即可快速启动服务

  • 自适应布局、适配PC、移动端、平板等设备

  • 🔥 支持多种模型的聊天、内置中转系统可对接几十+模型

  • 🔥 支持联网模式、可对模型进行扩展搜索当前网络实时内容总结

  • 支持气泡列表多种类型布局

  • 🔥 支持语音模式、可与ai直接语音对话支持（最近新增）

  • 🔥 对话模型自定义分类、自定义名称自定义排序、以及部分功能自定义

  • 自定义模型扣除费用类型、扣除金额数量等

  • 账号卡池不限量、支持设置权重控制key的调用量、保障并发

  • 对话会话隔离、云端存储、支持多设备共享数据！

  • 内容敏感词多种限制、支持自定义敏感词/百度内容审核等安全检测、可共同开启

  • 对话多模态支持： 支持自定义对话模型开启多模态支持

  • 🔥 插件系统开放、内部支持各类插件并会持续开发更多插件（最近新增）

  • 🔥 AI绘画支持：Midjouney全功能覆盖支持、DallE支持

  • Dall-E-3绘画支持、支持所有参数并享有单独模块

  • 思维导图：一键根据需求生成思维导图，可导出不同类型图片

  • 绘画广场： 展示ai绘画的内容、展示推荐内容、管理端可手段推荐图片

  • 应用中心：支持管理端后台主动添加应用、可自定义配置应用

  • 🔥 GPTS：支持GPTS使用、可后台自定义添加、也可以全站搜索 = 官方搜索（最近新增）

  • 登录系统： 支持 邮箱 | 手机短信 | 微信扫码 等不同登录注册方式供选择

  • 会员系统： 提供高级初级两种货币类型、支持各类商品自定义扣费模式与额度

  • 商城系统： 自定义商品套餐、可自定义生成永久套餐、限时套餐

  • 分销系统： 支持 A + B 分销模式、后台可自定义分销提成额度、可对单独用户单独设置

  • 卡密系统： 支持批量生产卡密供用户兑换、用户端可兑换卡密或三方卡网购买

  • 签到系统： 支持配置每日签到赠送不同额度的奖励

  • 访客系统： 支持不登录使用部分内容、可游客模式体验站内功能

  • 存储系统：支持本机、阿里云OSS、腾讯云cos、Chevereto图床多种类型

  • 动态菜单系统：可以自定义开关菜单、添加菜单、自定义ICON、自定义菜单类型、可使用三方站点内嵌、支持移动端PC端各自单独设置。

  • 管理端支持自定义配置网站LOGO、名称、百度统计、AI名称、提示欢迎语等多种内容

  • 管理端 支持默认AI头像用户头像设置

  • 管理端支持超管和普通演示账户用于分销系统、普通账号仅可读权限

  • 管理端支持锁定封禁单独账户

  • 管理端支持配置关键词回复、可自定义关键词及回复内容

二、系统演示

快速体验

SparkAi官方演示站：

https://ai.sparkaigf.com

管理后端:

https://ai.sparkaigf.com/sparkai/admin

测试账号：admin、123456

如不能访问请查看《SparkAI系统介绍文档 - 渐进式AIGC系统》获取最新地址。

三、系统功能模块

3.1 AI全模型

​

3.2 GPts应用

3.2.1 GPTs应用

支持全网搜索功能

​

3.2.2 GPTs工作台

​

3.2.3 支持用户自定义创建应用

​

3.3 AI专业绘画

文生图/图生图（垫图）：

​

混图：

​

AI换脸：

​

3.4 Dall-E4绘画
​

3.5 思维导图生成

​

3.6 AI画廊

3.7 支持微信登录

支持微信环境静默登录、浏览器中微信主动扫码登录、邮箱注册登录、手机号注册登录

​

3.8 管理后台（部分）

​​​

其他和后台页面太多功能，就不展示了，直接访问演示站点和演示后台!

四、V6.0大更新日志

【V6.0】SparkAi v6 更新日志

V6 版本大面积重构、全新的版本与其他系统合并，系统大版本更新升级

🚀 Feat

  • 新增模型分类、支持自定义模型名称、自定义排序、模型配置、支持单个模型设置上下文Token限制、轮次限制、可以允许当前模型上传文件、允许开启当前模型联网！

  • 🔥 新增tts语音、支持语音模式对话、支持自动播放回复语音、支持六种音色的选择、实时读取、不占用存储空间！

  • 🔥 新增插件系统、多个内置插件、通过配置即可启用、支持识图、支持PDF文档分析、支持对话版本Midjourney、SD绘画等功能、支持自定义插件接入知识库！

  • 新增本地存储、文件可以直接上传到服务器而不需要再上传到cos、为了性能考虑、我们只对非核心文件开放了存储到本地、例如聊天对话中产生的文档、pdf、图片、语音等素材将存储在本地、一些优先级较低的logo、icon、和系统预设也放入本地、对于一些重要属于依然选择存储云上。

  • 新增列表布局、两种布局方式自定义切换！

  • 🔥 新增GPTS应用、支持全网搜索、可以获取所有官方已有的GPTS直接加入系统使用！

  • 应用支持绑定模型了、绑定模型的应用不可以切换模型、未绑定的可以切换、gpts只支持gpt-4-gizmo模型！

  • ui更新：整体风格改为卡片风格、 公告版更新、新增顶部栏、对话|Gpts分组隔离、应用中心改动、合并GPTS、增加全网搜素

  • 侧边栏更新、支持双SVG图标配置对应选中和未选中、支持双图片配置、可以使用图片链接了。

  • 布局改变、积分剩余额度独立、清空对话组分组、工作台位置迁移。

  • 初始化欢迎页面变动、九宫格改为随机应用与gpts、并支持随机更换。

  • 工具栏合并、多种场景多种联动设置。

  • 输入框支持粘贴上传文件！

  • 登录窗口背景图变更、增加弹窗背景图配置、支持背景图自定义了！

  • 增加发送图片和文档、在发送栏目可以下载

  • 增加语音发送、可以暂停继续连续组织语言、支持在录制过程中直接点击发送

🔨 Fix

  • 修复用户创建的应用管理员拒绝会通过问题

  • 修复客户端如果网络不稳定导致会漏字的情况

  • 解决了新生成的对话最后两条不能删除问题

  • 授权全面升级、新的授权将绑定域名、单授权码同时仅支持一个域名或IP

  • 修复上下文设置错误导致的假死或无响应问题

  • 修复邀请人的显示错误问题、仅显示自己问题

  • 修复推广链接在微信无法被识别问题

🔨 Improvement

  • 重新发送最近两条消息时会删除当前两条内容继续上次的内容进行对话而不是新打开一行重复问！

  • 对话流输出速度控制、匀速输出、感官更流畅!

  • 用户端消息加载、对话组加载新增loading骨架屏！

  • 翻译联想不准确的问题、部分场景无法正常翻译和联想！

  • 管理端模型允许设置为0系统自动处理上下文、防止填过大token造成的假死和无响应问题！

  • 移除掉九宫格、改为随机应用推荐！

  • 移除全局模型配置、防止部分人不理解混淆、全部模型在添加key的时候配置代理地址！

  • 由于提议、移除掉公众号ai自动回复、暂时关闭此功能！

  • ui美化、移动端适配、针对聊天窗口的美化

  • 对话组配置修改统一到弹窗、可同时修改多项配置信息

 五、部署教程

当你进入这个栏目的时候说明你已经想要使用宝塔面板部署了、如果你不知道什么是宝塔、那么请前往宝塔官网进行简单的了解、我们默认你已经安装了宝塔面板、这是最基础的需要。

5.1 环境安装

宝塔需要安装的环境

  • Nginx >= 1.19.8

  • MySQL >= 5.7或者MySQL 8.0

  • PHP-7.4（非系统需要环境）

  • PM2管理器 5.5

  • Redis 7.0.11

  • Node版本：>=v16.14.1

初始安装环境推荐使用LNMP一键环境套件

​

​

注意①： 使用mysql8.0版本，需要重置root密码才能创建数据库

​

注意②： 同步服务器端口刀宝塔运维面板（重要）

​

5.2 Node版本选择

使用PM2切换Node版本（必须）

  • 切换Node版本为：大于等于v16.14.1（这里为v16.19.1）

​

5.3 安装pnpm模块

​

如果安装不上pnpm，是宝塔默认淘宝源已经无法使用，打开命令控制台，切换为官方源，单独安装pnpm模块 先设置npm为官方源：

npm config set registry https://registry.npmjs.org/

单独安装pnpm：

​

此时再次打开终端、确定我们需要是否有node相关环境 分别执行以下命令，出现版本号说明已经安装成功

node -v
npm -v
pnpm -v

​

如果出现“-bash: pnpm: 未找到命令”就执行以下命令（前面都出现版本号无须以下操作）

curl -fsSL "https://github.com/pnpm/pnpm/releases/latest/download/pnpm-linuxstatic-x64" -o /bin/pnpm; chmod +x /bin/pnpm;

如无法安装换用运行以下命令

curl -fsSL "https://mirror.ghproxy.com/https://github.com/pnpm/pnpm/releases/latest/download/pnpm-linuxstatic-x64" -o /bin/pnpm; chmod +x /bin/pnpm;

5.4 安装Redis

​

5.5 部署跑起来

5.5.1 新建站点

宝塔 - 网站 - 添加站点

​

5.5.2 配置SSL证书

如果自己没用商业SSL证书，就使用宝塔免费证书，申请Let's Encrypt 证书

​

开启强制HTTPS并保存

​

5.5.3 上传SparkAi系统源码

进入网站站点根目录

​

删除新建站点的原始文件

​

将系统程序上传并解压到网站根目录下

​

解压源码包

​

5.5.4 配置.env文件

复制一份.env.example文件，并重命名为 .env 文件

​

修改.env 配置文件为自己站点信息

​

其中mysql为必配项目、redis服务必须安装 否则无法启动项目 jwt token 必须修改为自己个人的密钥（再原有基础上再加一点随机英文即可） 宝塔数据库信息可按下图直接查看

​

5.5.5 启动项目

5.5.5.1 开启端口

宝塔面板安全开启9520端口（如果在配置文件自定义了其他端口，开启对应端口即可，不要和系统一些端口冲突，建议默认9520端口）

​

5.5.5.2 安装依赖

直接在网站根目录打开ssh终端

​

如果打开不在网站根目录请切换为网站根目录

cd /www/wwwroot/你的网站目录

宝塔默认为淘宝旧源，请切换淘宝最新源：

npm config set registry https://registry.npmmirror.com

使用 pnpm i 命令 回车 安装依赖

​

使用 pnpm start 命令启动项目

pnpm start

​

5.5.5.3 查看启动日志

输入 pm2 log 查看详细日志、看到下图表示成功！

pm2 log

​

初始化创建super用户成功、用户名为[super]、初始密码为[sparkai]

5.5.6 添加反向代理

添加站点 9520 端口，宝塔安全需要开启该端口，不然无法访问

目标url:http://127.0.0.1:9520

​

5.5.7 搭建完成

搭建完成，访问域名，输入域名授权码即可

默认前台地址为域名地址： 本例中即为 demo.sparkaigf.com

默认后台地址则为 域名地址/sparkai/admin：

本例中即为 demo.sparkaigf.com/sparkai/admin

系统默认超级管理员账号为 super sparkai

5.6 授权激活系统

访问你自己的系统前台域名： 本例中即为：demo.sparkaigf.com

5.6.1 未授权激活

​

5.6.2 激活成功示例

​

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/538390.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

前端开发攻略---用JavaScript打造炫酷数字变化动画效果：手写实现你的自定义动画函数！支持更改任意数字、动画速度

前端开发攻略---用JavaScript打造炫酷数字变化动画效果：手写实现你的自定义动画函数！支持更改任意数字、动画速度

1、演示 2、介绍 这篇文章将向您展示如何使用JavaScript来创建一个自定义的动画函数，以实现数字变化效果。我们将深入了解前端动画的本质，并通过手写代码来实现这个炫酷的数字变化动画效果。您将学到如何利用JavaScript来操作DOM元素，控制动画…
阅读更多...
知名专业定制线缆源头工厂推荐-精工电联：智能制造线缆的前沿技术探索

知名专业定制线缆源头工厂推荐-精工电联：智能制造线缆的前沿技术探索

优质定制线缆源头厂家推荐-精工电联：智能制造线缆的前沿技术探索 知名专业定制线缆源头工厂推荐-精工电联：智能制造线缆的前沿技 在科技飞速发展的当今时代，智能制造已成为工业4.0的核心驱动力。精工电联，作为智能制造领先的高品质…
阅读更多...
Pycharm中 Console 打不开

Pycharm中 Console 打不开

引言： 近年来，越来越多的高校洞察到了Pycharm为代表的编程IDE软件的重要性，已经购买了对应的版权。对于这些软件的使用，许多本科生可能还比较陌生，这系列博客主要总结了一些常见的BUG及对应的解决方案。本篇博客主要总…
阅读更多...
核心api实操-Activiti7从入门到专家（5）

核心api实操-Activiti7从入门到专家（5）

背景 上一节已经搭建了，具体的开发环境，数据库，并且找了一个可以用bpmnjs流程设计器，这一些，我们对核心api做个基础的实操，有个感性的认知，另外对数据库和基本数据流动有个理解。 部署 模板部…
阅读更多...
Java | Leetcode Java题解之第17题电话号码的字母组合

Java | Leetcode Java题解之第17题电话号码的字母组合

题目&#xff1a; 题解&#xff1a; class Solution {public List<String> letterCombinations(String digits) {List<String> combinations new ArrayList<String>();if (digits.length() 0) {return combinations;}Map<Character, String> phoneM…
阅读更多...
open-sora

open-sora

Open-Sora&#xff0c;高效复现类Sora视频生成方案开源&#xff01;魔搭社区最佳实践教程来啦&#xff01;https://mp.weixin.qq.com/s/WMQIDgZs2MBPGtx18XSXgw Open-Sora开源方案讲解开源但“平替”的方案。https://mp.weixin.qq.com/s/nPYCzgBA7hIsPZ6PCyXxKQOpen-Sora/docs…
阅读更多...
Qt信号与槽

Qt信号与槽

我们在使用Qt的时候&#xff0c;不使用Qt Designer 的方式进行开发&#xff0c;使用ui文件&#xff0c;信号与槽的连接方式是生成代码之后才能在setupUi函数里才能看到&#xff0c;或者需要进入Ui设计器里的信号槽模式里才能看到信号槽的连接。所以我们最好使用代码绘制界面。 …
阅读更多...
CCD机器视觉在工业生产中起到什么作用？

CCD机器视觉在工业生产中起到什么作用？

CCD机器视觉尺寸测量是基于相对测量方法&#xff0c;通过可追溯性、放大校准、自动边缘提升和屏幕图像测量来计算实际尺寸。在精密测量中&#xff0c;放大倍数必须达到35倍或更高&#xff0c;才能达到微米级的精度。此时&#xff0c;视线宽度小于5mm。对于大于5mm的物体&#x…
阅读更多...
游戏提示找不到steam_api64.dll，无法继续执行代码的解决方法

游戏提示找不到steam_api64.dll，无法继续执行代码的解决方法

在我们日常沉浸在电脑世界中&#xff0c;尽情享受各类电子游戏带来的精彩与刺激时&#xff0c;偶尔会遭遇一些令人困扰的技术问题。这次&#xff0c;当您正全神贯注地启动心仪的游戏&#xff0c;期待着新一局冒险或竞技的开始&#xff0c;电脑屏幕上却冷不防地弹出一条警示信息…
阅读更多...
--每周分享--

--每周分享--

分享内容&#xff1a; 1.单链表的归并排序 2.一道有趣的思考题 分享细节&#xff1a; 单链表的归并排序 主要思想&#xff1a;递归 怎么理解&#xff1f;下面具体说明&#xff1a; 1.首先&#xff0c;我从整体的思考步骤说明&#xff1a;先分区&#xff0c;再排序&#…
阅读更多...
游标的定义和类型

游标的定义和类型

Oracle从入门到总裁:​​​​​​https://blog.csdn.net/weixin_67859959/article/details/135209645 游标的基本概念 游标从字面上理解为游动的光标&#xff0c;可以使用 Excel 表格来想象游标的作用&#xff0c;游标指向每一行&#xff0c;通过游标访问每行数据。 在 Orac…
阅读更多...
二维相位解包理论算法和软件【全文翻译- 菲林(Flynn)最小不连续性方法（4.5）】

二维相位解包理论算法和软件【全文翻译- 菲林(Flynn)最小不连续性方法（4.5）】

4.5 菲林最小不连续性方法 在迄今为止对路径跟踪算法的讨论中，我们忽略了一种非常自然的方法，现在我们将对其进行描述。如果我们仔细观察图 4.42(a)中包裹相位数据中的条纹图案，就会发现 "条纹线 "或最亮像素和最暗像素之间的边界标志着从 0 到 2π 的过渡，它们…
阅读更多...
【LAMMPS学习】八、基础知识(1.5) LAMMPS 库接口

【LAMMPS学习】八、基础知识(1.5) LAMMPS 库接口

8. 基础知识 此部分描述了如何使用 LAMMPS 为用户和开发人员执行各种任务。术语表页面还列出了 MD 术语&#xff0c;以及相应 LAMMPS 手册页的链接。 LAMMPS 源代码分发的 examples 目录中包含的示例输入脚本以及示例脚本页面上突出显示的示例输入脚本还展示了如何设置和运行各…
阅读更多...
react17中配置webpack：使用@代表src目录

react17中配置webpack：使用@代表src目录

在vue的项目中可以使用表示src目录&#xff0c;使用该符号表示绝对路径&#xff0c;那么在react中想要使用怎么办呢&#xff1f; 在react中使用表示src目录是需要在webpack中配置的&#xff0c;在核心模块node_modules-》react-scripts-》config-》webpack.config.js中搜索找到…
阅读更多...
城市内涝与海绵城市规划设计中的水文水动力模拟

城市内涝与海绵城市规划设计中的水文水动力模拟

原文链接&#xff1a;城市内涝与海绵城市规划设计中的水文水动力模拟https://mp.weixin.qq.com/s?__bizMzUzNTczMDMxMg&mid2247601198&idx5&sn35b9e5e3961ea2f190f9742236a7217f&chksmfa820dc9cdf584df97633f64d19bdc3e5f7d1a5a85000c8f040e1953c51b9b39c87b5…
阅读更多...
【Linux】Socket编程接口 | 实现简单的UDP网络程序

【Linux】Socket编程接口 | 实现简单的UDP网络程序

文章目录 一、预备知识理解源IP地址和目的IP地址理解源mac地址和目的mac地址认识端口号理解源端口号和目的端口号理解“端口号&#xff08;PORT&#xff09;”和“进程ID&#xff08;PID&#xff09;” 认识TCP和UDP协议TCP协议UDP协议 网络字节序为什么网络字节序采用的是大端…
阅读更多...
华媒舍：7种方式，打造出旅游媒体套餐

华媒舍：7种方式，打造出旅游媒体套餐

现如今&#xff0c;伴随着旅游业发展与繁荣&#xff0c;更多旅游业发展从业人员越来越重视产品营销品牌基本建设&#xff0c;希望可以将自己的度假旅游产品和服务营销推广给更多的潜在用户。而建立一个优秀的旅游业发展媒体套餐内容品牌是吸引目标客户的重要步骤。下面我们就详…
阅读更多...
6.3Python之字典的内置方法

6.3Python之字典的内置方法

1、创建字典 dict.fromkeys() &#xff1a;可将列表、元组、集合转为字典 knowledgeL [语文, 数学, 英语] scoresD1 dict.fromkeys(knowledgeL, 60) print(scoresD1) knowledgeT (Chinese, Math, English) scoresD2 dict.fromkeys(knowledgeT, 60) print(scoresD2) knowl…
阅读更多...
用html写一个雨的特效

用html写一个雨的特效

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>雨特效</title><link rel"stylesheet" href"./style.css"> </head> <body> <div id"wrap-textu…
阅读更多...
一文掌握 React 开发中的 JavaScript 基础知识

一文掌握 React 开发中的 JavaScript 基础知识

前端开发中JavaScript是基石。在 React 开发中掌握掌握基础的 JavaScript 方法将有助于编写出更加高效、可维护的 React 应用程序。 在 React 开发中使用 ES6 语法可以带来更简洁、可读性更强、功能更丰富,以及更好性能和社区支持等诸多好处。这有助于提高开发效率,并构建出更…
阅读更多...
最新文章

Copyright @ 2022~2023