• 日常搜索
  • 端口查询
  • IP查询
  • 在线工具
  • 搜本站

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生成图片、语音转换等功能开发中......

相关源码推荐:

获取地址:

 源码没测试,感觉挺不错的一款小程序,有兴趣的研究一下!

文章目录
  • 技术栈:
  • 小程序/H5样式预览:
  • 开源版部署:
    • 一、后端
    • 二、Jar包启动方式如下:
    • 三、前端小程序
  • 包含功能:
  • 相关源码推荐:
  • 获取地址:
  • 使用积分:

    请登录购买后查阅

    发表评论