ChatGPT微信小程序源码适配H5和WEB端

ChatGPT-MP(基于ChatGPT实现的weixin小程序，适配H5和WEB端)，包含前后台，支持打字效果输出流式输出，支持AI聊天次数限制，支持分享增加次数等功能。

ChatGPTweixin小程序源码适配H5和WEB端第1张

技术栈：

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地址
- 运行项目到小程序

ChatGPTweixin小程序源码适配H5和WEB端第2张

包含功能：

- [x] ChatGPT聊天
- [x] 用户聊天次数限制
- [x] 分享得聊天次数
- [x] 每日领取免费次数
- [x] 查看及清除聊天历史
- [x] 显示连接情况
- [x] 清除聊天历史
- [x] 开-通-会-员
- [x] 购-买-次-数-包
- [x] 联-系-客-服领取次数
- [x] 看-广-告-得-次-数
- [x] 后台管理系统，暂时为升级版功能，之后会择机开源
- [x] 敏感词检测及设置
- [x] 适配H5和WEB端
- [x] 登录方式支持：小程序登录/公众号登录/手机号注册登录/邮箱注册登录
- [x] 提示词功能(角-色-扮-演)，内置近300种提示词，包含小红书文案书写、周报生成、异-性-对-话-生成器等
- [ ] AI生成图片、语音转换等功能开发中......