離職在家 閒來無事看最近ChatGPT很火 花了一天時間 用Uniapp寫了一個小程式端的ChatGPT,實在是看不慣~ 一大堆利用ChatGPT收費的應用(小程式) 整個開源的玩玩
另外主要是自己本身是後端開發人員~ 剛好用uniapp實踐一下小程式開發
先看看主頁面效果圖吧
演示影片-> 做一個開源chatgpt微信小程式chatgpt3.5turbo_嗶哩嗶哩_bilibili
最開始的版本是 額外帶了一個SpringBoot後端~ 後來換了新的Ai模型 索性把 後端移除改用
裸連OpenAi介面
說一下大概有的功能
- 模型已換成GPT3.5增強版( 響應速度先比之前的模型快很多很多 ) 舊的模型也有保留 可在api包下選擇性開啟
- Lottie動畫懸浮球控制檯 可開啟歷史回溯 清除Ai會話 主/次頁面返回
- Ai回覆內容時模擬文字印表機+手機短頻震動效果 如不喜歡 兩者可在配置檔案中選擇性開啟
- 支援Ai回覆的內容包含程式碼高亮 java .net c++ css html c python php sql go 如不夠可自行新增高亮檔案
- 支援ai渲染內容選擇性複製 如果Ai回覆內容為 程式碼 則長按複製程式碼
- 支援Ai保留會話功能 (能記住你的上一次對話,最多5條 可配置更改, 比如 使用者: 中國歷史有多長? Ai: 5000年 使用者:那和美國相比呢? Ai: 中國更長!) 支援手動清除 或自動監測清除
- 支援開啟歷史回溯 ( 下一次開啟保留對話記錄和會話資訊)
- 點選自己的回答時會直接填入文字框中
支援釋出的平臺
只測試了
- 微信小程式
- 支付寶小程式
- 抖音小程式
- 其他的未測試
如何使用呢?
GitHub地址: dulaiduwang003/ChatGPT_wechat (github.com) 感覺可以或者喜歡的話可以點個star?
1.使用HB工具匯入專案
2.uitls包下找到 env.js檔案 其中中有三個引數
appid = 填你的微信AppID
baseUrl = 這個是openai域名 不需要改動
key= 填你的OpenAi開發者Key
如圖
ps: 我用的是IDEA工具搞得~ 下了支援微信小程式開發和uniapp開發的外掛 所以我這裡是直接用IDEA執行, 大家用HB執行也可以的, 執行到微信開發者工具模擬器就有效果了~