一、前言

SparkAi創(chuàng)作系統(tǒng)是基于ChatGPT進(jìn)行開發(fā)的Ai智能問答系統(tǒng)和Midjourney繪畫系統(tǒng)，支持OpenAI-GPT全模型+國內(nèi)AI全模型。本期針對源碼系統(tǒng)整體測試下來非常完美，那么如何搭建部署AI創(chuàng)作ChatGPT？小編這里寫一個詳細(xì)圖文教程吧。已支持GPTs、GPT語音對話、GPT-4模型、GPT聯(lián)網(wǎng)提問、DALL-E3文生圖、圖片對話能力上傳圖片，GPT4-All聯(lián)網(wǎng)搜索模型、文檔分析、Midjourney繪畫動態(tài)全功能、AI換臉、墊圖混圖、插件功能、支持最近火爆的Suno-v3-AI音樂生成大模型。

《SparkAI系統(tǒng)介紹文檔 - 漸進(jìn)式AIGC系統(tǒng)》:

SparkAI系統(tǒng)介紹文檔 - 漸進(jìn)式AIGC系統(tǒng)

1.1 系統(tǒng)架構(gòu)技術(shù)棧

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

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

• 服務(wù)端（后端）：Nodejs + NestJs

• 數(shù)據(jù)支持： Mysql5.7(+) + Redis

• 運(yùn)行環(huán)境：Linux、Windows、MacOs（推薦使用Linux）

• 數(shù)據(jù)存儲：本地存儲 | 阿里云oss | 騰訊云cos | chevereto圖床

1.2 特色功能

①GPT語音對話功能

支持電腦PC瀏覽器和手機(jī)端使用，具有”人的語氣“

?

②GPTs應(yīng)用

?

③GPT4-All聯(lián)網(wǎng)搜索模型

?

④文檔分析

?

⑤Suno-v3-AI音樂生成

?

⑥Midjourney局部編輯重繪

?

⑦說圖解文

?

1.3 程序核心功能

已支持 OpenAI GPT全模型 + 國內(nèi)AI全模型 + 繪畫系統(tǒng) +GPTs+ MJ局部編輯重繪功能+語音對話功能 + 文檔分析功能 + Midjourney繪畫動態(tài)全功能+插件功能！

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

• 極速部署、支持寶塔小白部署、docker鏡像部署！

• 配置簡單、僅需配置數(shù)據(jù)庫以及redis即可快速啟動服務(wù)

• 自適應(yīng)布局、適配PC、移動端、平板等設(shè)備

• 🔥 支持多種模型的聊天、內(nèi)置中轉(zhuǎn)系統(tǒng)可對接幾十+模型

• 🔥 支持聯(lián)網(wǎng)模式、可對模型進(jìn)行擴(kuò)展搜索當(dāng)前網(wǎng)絡(luò)實(shí)時內(nèi)容總結(jié)

• 支持氣泡列表多種類型布局

• 🔥 支持語音模式、可與ai直接語音對話支持（最近新增）

• 🔥 對話模型自定義分類、自定義名稱自定義排序、以及部分功能自定義

• 自定義模型扣除費(fèi)用類型、扣除金額數(shù)量等

• 賬號卡池不限量、支持設(shè)置權(quán)重控制key的調(diào)用量、保障并發(fā)

• 對話會話隔離、云端存儲、支持多設(shè)備共享數(shù)據(jù)！

• 內(nèi)容敏感詞多種限制、支持自定義敏感詞/百度內(nèi)容審核等安全檢測、可共同開啟

• 對話多模態(tài)支持： 支持自定義對話模型開啟多模態(tài)支持

• 🔥 插件系統(tǒng)開放、內(nèi)部支持各類插件并會持續(xù)開發(fā)更多插件（最近新增）

• 🔥 AI繪畫支持：Midjouney全功能覆蓋支持、DallE支持

• Dall-E-3繪畫支持、支持所有參數(shù)并享有單獨(dú)模塊

• 思維導(dǎo)圖：一鍵根據(jù)需求生成思維導(dǎo)圖，可導(dǎo)出不同類型圖片

• 繪畫廣場： 展示ai繪畫的內(nèi)容、展示推薦內(nèi)容、管理端可手段推薦圖片

• 應(yīng)用中心：支持管理端后臺主動添加應(yīng)用、可自定義配置應(yīng)用

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

• 登錄系統(tǒng)： 支持 郵箱 | 手機(jī)短信 | 微信掃碼 等不同登錄注冊方式供選擇

• 會員系統(tǒng)： 提供高級初級兩種貨幣類型、支持各類商品自定義扣費(fèi)模式與額度

• 商城系統(tǒng)： 自定義商品套餐、可自定義生成永久套餐、限時套餐

• 分銷系統(tǒng)： 支持 A + B 分銷模式、后臺可自定義分銷提成額度、可對單獨(dú)用戶單獨(dú)設(shè)置

• 卡密系統(tǒng)： 支持批量生產(chǎn)卡密供用戶兌換、用戶端可兌換卡密或三方卡網(wǎng)購買

• 簽到系統(tǒng)： 支持配置每日簽到贈送不同額度的獎勵

• 訪客系統(tǒng)： 支持不登錄使用部分內(nèi)容、可游客模式體驗(yàn)站內(nèi)功能

• 存儲系統(tǒng)：支持本機(jī)、阿里云OSS、騰訊云cos、Chevereto圖床多種類型

• 動態(tài)菜單系統(tǒng)：可以自定義開關(guān)菜單、添加菜單、自定義ICON、自定義菜單類型、可使用三方站點(diǎn)內(nèi)嵌、支持移動端PC端各自單獨(dú)設(shè)置。

• 管理端支持自定義配置網(wǎng)站LOGO、名稱、百度統(tǒng)計、AI名稱、提示歡迎語等多種內(nèi)容

• 管理端 支持默認(rèn)AI頭像用戶頭像設(shè)置

• 管理端支持超管和普通演示賬戶用于分銷系統(tǒng)、普通賬號僅可讀權(quán)限

• 管理端支持鎖定封禁單獨(dú)賬戶

• 管理端支持配置關(guān)鍵詞回復(fù)、可自定義關(guān)鍵詞及回復(fù)內(nèi)容

二、系統(tǒng)演示

快速體驗(yàn)

SparkAi官方演示站：

https://ai.sparkaigf.com

管理后端:

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

測試賬號：admin、123456

如不能訪問請查看《SparkAI系統(tǒng)介紹文檔 - 漸進(jìn)式AIGC系統(tǒng)》獲取最新地址。

三、系統(tǒng)功能模塊

3.1 AI全模型

?

3.2 GPts應(yīng)用

3.2.1 GPTs應(yīng)用

支持全網(wǎng)搜索功能

?

3.2.2 GPTs工作臺

?

3.2.3 支持用戶自定義創(chuàng)建應(yīng)用

?

3.3 AI專業(yè)繪畫

文生圖/圖生圖（墊圖）：

?

混圖：

?

AI換臉：

?

3.4 GPT4 Dall-E4繪畫
?

3.5 思維導(dǎo)圖生成

?

3.6?作品畫廊

3.7?支持微信登錄

支持微信環(huán)境靜默登錄、瀏覽器中微信主動掃碼登錄、郵箱注冊登錄、手機(jī)號注冊登錄

?

3.7?管理后臺（部分）

???

其他和后臺頁面太多功能，就不展示了，直接訪問演示站點(diǎn)和演示后臺!

四、V6.0大更新日志

【V6.0】SparkAi v6 更新日志

V6 版本大面積重構(gòu)、全新的版本與其他系統(tǒng)合并，系統(tǒng)大版本更新升級

🚀 Feat

• 新增模型分類、支持自定義模型名稱、自定義排序、模型配置、支持單個模型設(shè)置上下文Token限制、輪次限制、可以允許當(dāng)前模型上傳文件、允許開啟當(dāng)前模型聯(lián)網(wǎng)！

• 🔥 新增tts語音、支持語音模式對話、支持自動播放回復(fù)語音、支持六種音色的選擇、實(shí)時讀取、不占用存儲空間！

• 🔥 新增插件系統(tǒng)、多個內(nèi)置插件、通過配置即可啟用、支持識圖、支持PDF文檔分析、支持對話版本Midjourney、SD繪畫等功能、支持自定義插件接入知識庫！

• 新增本地存儲、文件可以直接上傳到服務(wù)器而不需要再上傳到cos、為了性能考慮、我們只對非核心文件開放了存儲到本地、例如聊天對話中產(chǎn)生的文檔、pdf、圖片、語音等素材將存儲在本地、一些優(yōu)先級較低的logo、icon、和系統(tǒng)預(yù)設(shè)也放入本地、對于一些重要屬于依然選擇存儲云上。

• 新增列表布局、兩種布局方式自定義切換！

• 🔥 新增GPTS應(yīng)用、支持全網(wǎng)搜索、可以獲取所有官方已有的GPTS直接加入系統(tǒng)使用！

• 應(yīng)用支持綁定模型了、綁定模型的應(yīng)用不可以切換模型、未綁定的可以切換、gpts只支持gpt-4-gizmo模型！

• ui更新：整體風(fēng)格改為卡片風(fēng)格、 公告版更新、新增頂部欄、對話|Gpts分組隔離、應(yīng)用中心改動、合并GPTS、增加全網(wǎng)搜素

• 側(cè)邊欄更新、支持雙SVG圖標(biāo)配置對應(yīng)選中和未選中、支持雙圖片配置、可以使用圖片鏈接了。

• 布局改變、積分剩余額度獨(dú)立、清空對話組分組、工作臺位置遷移。

• 初始化歡迎頁面變動、九宮格改為隨機(jī)應(yīng)用與gpts、并支持隨機(jī)更換。

• 工具欄合并、多種場景多種聯(lián)動設(shè)置。

• 輸入框支持粘貼上傳文件！

• 登錄窗口背景圖變更、增加彈窗背景圖配置、支持背景圖自定義了！

• 增加發(fā)送圖片和文檔、在發(fā)送欄目可以下載

• 增加語音發(fā)送、可以暫停繼續(xù)連續(xù)組織語言、支持在錄制過程中直接點(diǎn)擊發(fā)送

---

🔨 Fix

• 修復(fù)用戶創(chuàng)建的應(yīng)用管理員拒絕會通過問題

• 修復(fù)客戶端如果網(wǎng)絡(luò)不穩(wěn)定導(dǎo)致會漏字的情況

• 解決了新生成的對話最后兩條不能刪除問題

• 授權(quán)全面升級、新的授權(quán)將綁定域名、單授權(quán)碼同時僅支持一個域名或IP

• 修復(fù)上下文設(shè)置錯誤導(dǎo)致的假死或無響應(yīng)問題

• 修復(fù)邀請人的顯示錯誤問題、僅顯示自己問題

• 修復(fù)推廣鏈接在微信無法被識別問題

---

🔨 Improvement

• 重新發(fā)送最近兩條消息時會刪除當(dāng)前兩條內(nèi)容繼續(xù)上次的內(nèi)容進(jìn)行對話而不是新打開一行重復(fù)問！

• 對話流輸出速度控制、勻速輸出、感官更流暢!

• 用戶端消息加載、對話組加載新增loading骨架屏！

• 翻譯聯(lián)想不準(zhǔn)確的問題、部分場景無法正常翻譯和聯(lián)想！

• 管理端模型允許設(shè)置為0系統(tǒng)自動處理上下文、防止填過大token造成的假死和無響應(yīng)問題！

• 移除掉九宮格、改為隨機(jī)應(yīng)用推薦！

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

• 由于提議、移除掉公眾號ai自動回復(fù)、暫時關(guān)閉此功能！

• ui美化、移動端適配、針對聊天窗口的美化

• 對話組配置修改統(tǒng)一到彈窗、可同時修改多項(xiàng)配置信息

五、部署教程

當(dāng)你進(jìn)入這個欄目的時候說明你已經(jīng)想要使用寶塔面板部署了、如果你不知道什么是寶塔、那么請前往寶塔官網(wǎng)進(jìn)行簡單的了解、我們默認(rèn)你已經(jīng)安裝了寶塔面板、這是最基礎(chǔ)的需要。

5.1 環(huán)境安裝

寶塔需要安裝的環(huán)境

• Nginx >= 1.19.8

• MySQL >= 5.7或者MySQL 8.0

• PHP-7.4（非系統(tǒng)需要環(huán)境）

• PM2管理器 5.5

• Redis 7.0.11

• Node版本：>=v16.14.1

初始安裝環(huán)境推薦使用LNMP一鍵環(huán)境套件

?

?

注意①： 使用mysql8.0版本，需要重置root密碼才能創(chuàng)建數(shù)據(jù)庫

?

注意②： 同步服務(wù)器端口刀寶塔運(yùn)維面板（重要）

?

5.2 Node版本選擇

使用PM2切換Node版本（必須）

• 切換Node版本為：大于等于v16.14.1（這里為v16.19.1）

?

5.3 安裝pnpm模塊

?

如果安裝不上pnpm，是寶塔默認(rèn)淘寶源已經(jīng)無法使用，打開命令控制臺，切換為官方源，單獨(dú)安裝pnpm模塊 先設(shè)置npm為官方源：

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

單獨(dú)安裝pnpm：

?

此時再次打開終端、確定我們需要是否有node相關(guān)環(huán)境 分別執(zhí)行以下命令，出現(xiàn)版本號說明已經(jīng)安裝成功

node -v
npm -v
pnpm -v

?

如果出現(xiàn)“-bash: pnpm: 未找到命令”就執(zhí)行以下命令（前面都出現(xiàn)版本號無須以下操作）

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

如無法安裝換用運(yùn)行以下命令

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 新建站點(diǎn)

寶塔 - 網(wǎng)站 - 添加站點(diǎn)

?

5.5.2 配置SSL證書

如果自己沒用商業(yè)SSL證書，就使用寶塔免費(fèi)證書，申請Let's Encrypt 證書

?

開啟強(qiáng)制HTTPS并保存

?

5.5.3 上傳SparkAi系統(tǒng)源碼

進(jìn)入網(wǎng)站站點(diǎn)根目錄

?

刪除新建站點(diǎn)的原始文件

?

將系統(tǒng)程序上傳并解壓到網(wǎng)站根目錄下

?

解壓源碼包

?

5.5.4 配置.env文件

復(fù)制一份.env.example文件，并重命名為 .env 文件

?

修改.env 配置文件為自己站點(diǎn)信息

?

其中mysql為必配項(xiàng)目、redis服務(wù)必須安裝 否則無法啟動項(xiàng)目 jwt token 必須修改為自己個人的密鑰（再原有基礎(chǔ)上再加一點(diǎn)隨機(jī)英文即可） 寶塔數(shù)據(jù)庫信息可按下圖直接查看

?

5.5.5 啟動項(xiàng)目

5.5.5.1 開啟端口

寶塔面板安全開啟9520端口（如果在配置文件自定義了其他端口，開啟對應(yīng)端口即可，不要和系統(tǒng)一些端口沖突，建議默認(rèn)9520端口）

?

5.5.5.2 安裝依賴

直接在網(wǎng)站根目錄打開ssh終端

?

如果打開不在網(wǎng)站根目錄請切換為網(wǎng)站根目錄

cd /www/wwwroot/你的網(wǎng)站目錄

寶塔默認(rèn)為淘寶舊源，請切換淘寶最新源：

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

使用 pnpm i 命令 回車 安裝依賴

?

使用 pnpm start 命令啟動項(xiàng)目

pnpm start

?

5.5.5.3 查看啟動日志

輸入 pm2 log 查看詳細(xì)日志、看到下圖表示成功！

pm2 log

?

初始化創(chuàng)建super用戶成功、用戶名為[super]、初始密碼為[sparkai]

5.5.6 添加反向代理

添加站點(diǎn) 9520 端口，寶塔安全需要開啟該端口，不然無法訪問

目標(biāo)url:http://127.0.0.1:9520

?

5.5.7 搭建完成

搭建完成，訪問域名，輸入域名授權(quán)碼即可

默認(rèn)前臺地址為域名地址： 本例中即為 demo.sparkaigf.com

默認(rèn)后臺地址則為 域名地址/sparkai/admin：

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

系統(tǒng)默認(rèn)超級管理員賬號為 super sparkai

5.6 授權(quán)激活系統(tǒng)

訪問你自己的系統(tǒng)前臺域名： 本例中即為：demo.sparkaigf.com

5.6.1 未授權(quán)激活

?

5.6.2 激活成功示例

?