Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二)

Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二)


参考微信小程序-小柠AI智能聊天,可自行先体验。


根据上一节的小程序静态页面设计,需要从后端获取数据的主要4个点:

  1. 登录流程;
  2. 获取今日已提问次数;
  3. 获取聊天记录;
  4. 发起聊天和响应。

这样就是确定至少需要4个后端API,通过返回的数据做渲染显示。


登录流程

其中登录流程就是参考小程序官方图。

  1. 小程序先通过wx.login()获取code
  2. 请求后端登录API
  3. 后端通过appid, appsecret, code 请求 https://api.weixin.qq.com/sns/jscode2session 获取用户唯一id的openid
  4. 通过openid封装token返回前端-》前端保存token,之后请求API带上,校验用。

登录这里会有个坑,就是在wx.login 中使用异步请求后端API时候,如果这个登录逻辑放在app.js 的小程序初始化加载onLaunch 中,我们在index.js 加载页面时候需要依赖使用登录token 做一些处理,这个时候可能异步请求登录还没返回,就会导致获取到的token为空。

这里就需要使用new Promise 监听异步操作成功后再处理index.js 中相关依赖于token 的逻辑。具体处理后续 登录实现章节 贴。


获取今日已提问次数和聊天记录

这两个则直接通过wx.request请求即可,具体实现也在后续章节。


发起gpt聊天和响应

这个就是整个小程序的核心内容了,这里会拆分两个API

第一个API: 请求验证是否可发起(次数够...),成功则追加当前发起内容到页面显示,失败则弹框提示;

第二个API: 验证通过后发起websocket连接,通过流模式响应后端返回,并将接受到的流内容做追加到页面显示。


总结,我们总共需要5个后端API,都会在之后单独的章节,实现具体的逻辑和流程

  1. 登录API
  2. 获取次数API
  3. 获取聊天记录API
  4. 请求发起聊天API
  5. 请求后端流模式响应API
相关推荐
kebijuelun26 分钟前
Towards Automated Kernel Generation in the Era of LLMs:LLM 时代的自动化 Kernel 生成全景图
人工智能·gpt·深度学习·语言模型
暴躁小师兄数据学院43 分钟前
【WEB3.0零基础转行笔记】Golang编程篇-第3讲:GO语言中的运算符
笔记·golang·web3
小二·1 小时前
Go 语言系统编程与云原生开发实战(第9篇)安全加固实战:认证授权 × 数据加密 × 安全审计(生产级落地)
安全·云原生·golang
小高Baby@1 小时前
Go中常用字段说明
后端·golang·gin
小二·1 小时前
Go 语言系统编程与云原生开发实战(第8篇)消息队列实战:Kafka 事件驱动 × CQRS 架构 × 最终一致性(生产级落地)
云原生·golang·kafka
岁岁种桃花儿5 小时前
SpringCloud从入门到上天:分布式和微服务基础
分布式·spring cloud·微服务
java干货10 小时前
<span class=“js_title_inner“>微服务:把一个简单的问题,拆成 100 个网络问题</span>
微服务·云原生·架构
NBhhbYyOljP15 小时前
LabVIEW与西门子PLC S7200SMART 12001500 300 400
golang
我的golang之路果然有问题18 小时前
使用 Hugo + GitHub Pages + PaperMod 主题 + Obsidian 搭建开发博客
golang·go·github·博客·个人开发·个人博客·hugo
爱吃山竹的大肚肚18 小时前
微服务间通过Feign传输文件,处理MultipartFile类型
java·spring boot·后端·spring cloud·微服务