ChatGPT-MP(基于ChatGPT实现的weixin小程序,适配H5和WEB端),包含前后台,支持打字效果输出流式输出,支持AI聊天次数限制,支持分享增加次数等功能。
技术栈:
JDK8 + SpringBoot + Vue2 + Uniapp + Mysql;
小程序/H5样式预览:
小程序样式:
<div align=left>
<img src="images/MP-我的菜单.PNG" width="210" height="454"/>
<img src="images/MP-聊天.PNG" width="210" height="454"/>
<img src="images/MP-聊天历史.PNG" width="210" height="454"/>
</div>
提示词功能:
<div align=left>
<img src="images/MP-提示词.PNG" width="210" height="454"/>
<img src="images/MP-提示词分类.PNG" width="210" height="454"/>
<img src="images/MP-提示词使用.PNG" width="210" height="454"/>
</div>
登录注册界面等样式:
<div align=left>
<img src="images/H5-登录注册.PNG" width="210" height="454"/>
<img src="images/H5-开-通-会-员.PNG" width="210" height="454"/>
<img src="images/H5-支付.PNG" width="210" height="454"/>
</div>
后端管理样式预览:
<img src="images/用户管理.png"/>
<img src="images/用户次数管理.png"/>
<img src="images/敏感词管理.png"/>
<img src="images/数据统计.png"/>
开源版部署:
一、后端
- 创建Mysql数据库aezo-chat-gpt, 执行脚本文件 aezo-chat-gpt-api/doc/aezo-chat-gpt.sql
- 使用IDEA打开aezo-chat-gpt-api项目
- 修改application.yml中的小程序id和秘钥、OpenAI地址和KEY
- 启动项目
其中不少同学非技术出身,很多都卡在后端项目启动这一步,我就将项目编译打包后的Jar一并上传了,之后只需安装好JDK并修改少许配置即可启动,省去了编译环节
二、Jar包启动方式如下:
1、安装JDK(略),网上教程较多
2. 下载dist.zip压缩包后进行解压
3. 修改此目录中的 application-dev.yml 文件(记事本文本编辑器即可打开,配置项已备注清楚)
4. 启动:Windows执行`start.bat`文件,Linux执行`start.sh`文件
三、前端小程序
- 使用HBuilder打开aezo-chat-gpt-m项目
- 修改common/config.js中的API地址
- 运行项目到小程序
包含功能:
- [x] ChatGPT聊天
- [x] 用户聊天次数限制
- [x] 分享得聊天次数
- [x] 每日领取免费次数
- [x] 查看及清除聊天历史
- [x] 显示连接情况
- [x] 清除聊天历史
- [x] 开-通-会-员
- [x] 购-买-次-数-包
- [x] 联-系-客-服领取次数
- [x] 看-广-告-得-次-数
- [x] 后台管理系统,暂时为升级版功能,之后会择机开源
- [x] 敏感词检测及设置
- [x] 适配H5和WEB端
- [x] 登录方式支持:小程序登录/公众号登录/手/机号注册登录/邮箱注册登录
- [x] 提示词功能(角-色-扮-演),内置近300种提示词,包含小红书文案书写、周报生成、异-性-对-话-生成器等
- [ ] AI生成图片、语音转换等功能开发中......
相关源码推荐:
获取地址:
源码没测试,感觉挺不错的一款小程序,有兴趣的研究一下!
- 一、后端
- 二、Jar包启动方式如下:
- 三、前端小程序
发表评论