今天为大家带来一套集前后端于一体的 chatgpt 小程序版本。这套项目基于 Flask 后端和 uni-app 前端开发,安装部署相对简单,适合想快速搭建自己的智能聊天机器人平台的朋友。值得注意的是,API KEY 需要用户自行注册获取,也可以通过第三方平台低价购买;另外,机器人的回复延迟可能因网络环境而异。
部署前准备
- API KEY 获取
在部署前,请确保已注册并获取了 OpenAI API KEY(或通过第三方渠道获取)。 - 注意事项
- 由于每个人网络延迟不同,机器人回复速度可能会有所差异。
- 部署前请仔细阅读下文教程,确保每一步配置正确无误。
后端部署流程
1. 登录阿里云并创建函数计算应用
- 首先访问阿里云官网,登录后进入【函数计算】界面。
- 新建应用后,选择 Flask 模板创建你的应用,并点击“直接部署”完成创建。
[进入阿里云函数计算界面]
[新建应用界面]
[选择Flask模板]
[点击创建部署]
[创建后点击最下方的 Flask 标识]
2. 上传 Flask 代码
- 将附件中的
flask-code
文件夹压缩成 zip 包,通过平台右侧的上传按钮上传。 - 上传后,系统会显示上传对话框,确认后你会看到
index.py
文件作为主入口。
[上传zip包界面]
3. 部署代码并配置触发器
- 点击上方“部署代码”按钮,随后进入“触发器管理”,点击编辑。
- 在弹出界面中,确保添加了 POST 请求触发器。
- 点击复制图标,复制生成的 URL,如:
https://flask-web-frawork-gsq-vugsgvxsae.cn-hangzhou.fcapp.run
[部署代码操作]
前端配置步骤
- 接口请求设置
- 进入微信小程序后台开发设置,将刚复制的 URL 填入接口请求域名中。
- 前端代码修改
- 使用 HBuilder X 打开前端源码,在
pages/index
文件(约60-62行)中,修改apiurl
和API
参数为你自己的接口地址和 API KEY。
- 使用 HBuilder X 打开前端源码,在
完成部署
完成以上步骤后,你的小程序前后端均已成功配置,用户即可通过微信小程序访问 ChatGPT 机器人服务。附件源码包含前端代码及 Flask 后端,供大家自行研究使用,本站不提供技术支持。
相关文章推荐
ChatGPT Web演示网页源码使用教程
这套基于 Express 与 Vue3 开发的 ChatGPT 演示网页源码,是一个开源项目,发布在 Github 上,基于 MIT 协议。项目完全免费,...
AiChat机器人对话系统源码搭建教程(支持GPT3.5与GPT-4全模型)
无论你是个人开发者还是企业用户,打造一款稳定的AI聊天系统都是大势所趋。今天推荐的这套AiChat机器人对话系...
下载地址: