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

这篇具有很好参考价值的文章主要介绍了Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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


根据上一节的小程序静态页面设计,需要从后端获取数据的主要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带上,校验用。

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

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

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


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

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


发起gpt聊天和响应

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

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

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


总结,我们总共需要5个后端API,都会在之后单独的章节,实现具体的逻辑和流程文章来源地址https://www.toymoban.com/news/detail-636840.html

  1. 登录API
  2. 获取次数API
  3. 获取聊天记录API
  4. 请求发起聊天API
  5. 请求后端流模式响应API

到了这里,关于Gpt微信小程序搭建的前后端流程 - 前端小程序部分-2.确定交互所需的后端API(二)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 全网最详细实现微信小程序支付功能【前端部分】

    用户点击立即购买后进入确认订单页面,在此页面可选择商品数量,是否使用优惠券,以及一些简单的个人信息填写,点击支付输入密码则支付成功,如果点击支付后没有付款关闭了页面会跳转到待支付页面并开始倒计时(待支付页面显示该商品适用的店铺信息及个人信息订

    2024年02月11日
    浏览(36)
  • 微信小程序支付流程(前端)

    微信小程序的支付只要用到官方的支付API : wx.requestPayment(Object object) 官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html 1、总体流程 一般情况下,前端接触到的支付流程是这样的:商品页选择商品 —— 提交商品订单(跳转到确认订单页) ——

    2024年02月11日
    浏览(41)
  • 微信小程序搭建流程

    虽然开发微信小程序可以使用工具提供的测试号,但是测试号提供的功能极为有限,而且使用测 试号开发的微信小程序不能上架发布。因此说我们想要开发一个可以上架的微信小程序,首先必 须要申请微信开发者账号。大家尽可放心,个人申请和使用微信开发者账号是免费

    2024年01月20日
    浏览(46)
  • 微信小程序登录流程(包含前端、后端代码)

    在微信小程序的开发过程中,如果想要保留 用户 的 数据 (比如: 操作记录 、 购物车信息 等等)就必须要 用户 登陆。为什么呢?比如说,数据库中有一条 数据 你如何知道这条数据属于谁?属于那个用户呢?这就需要用户登录来获取 用户 的 唯一标识 从而确定这条数据是属

    2024年02月03日
    浏览(32)
  • GPT问答记录:微信小程序动态tabBar开发配置(服务端+前端代码)

    答1: 好的,下面是一个具体的方案供你参考,包括数据库表设计、Java 后台代码和小程序前端代码。请注意,这个方案仅供参考,具体实现可能需要根据你的实际需求进行调整。 数据库表设计 首先,需要设计一个 tabBar 数据表来存储 tabBar 配置信息,该表包含以下字段: i

    2023年04月22日
    浏览(37)
  • 从零开始快速搭建SpringBoot+Mybatis+小程序应用--微信小程序的入门和前后端的联调

    目录 项目介绍  vx小程序简介 VX开发工具介绍 列表页开发 list的编写   列表页前后端联调  信息编辑页开发 operation的编写 区域信息编辑页的联调 从0搭建后端的Springboot+mybatis框架 实现后端的业务功能 实现本地微信小程序的前端开发 前端与后端的调控 技术储备要求 1.基础的

    2024年02月10日
    浏览(52)
  • 前端uniapp+后端springboot 详细教程《实现微信小程序授权登录》(附完整前后端项目demo)

    微信小程序官方登录流程图: 参考微信小程序登录官网文档 1、前端技术栈 1.1、uniapp 使用uniapp构建一套代码多端使用的前端框架项目 1.2、前端封装工具 dateUtil.js: 功能: 1. 时间日期格式化 2. 传入日期是否和当前日期的比较 完整代码: requestUtil.js: 功能: 1. 定义公共的

    2024年02月14日
    浏览(33)
  • 微信小程序商城搭建--后端+前端+小程序端

    前端技术:React、AntdesignPro、umi、JavaScript、ES6、TypeScript、 小程序 后端技术:Springboot、Mybatis、Spring、Mysql 后端采用Springboot搭配前端React进行开发,完成用户管理、轮播图管理、一级分类管理、商品管理、日志管理。 支持多图上传功能,封面图。 采用JWT+拦截器进行接口拦截

    2024年02月05日
    浏览(34)
  • 最新开源微信小程序一键开发平台源码 支持15大功能模块+完整前后端+搭建教程

    分享一个开源微信小程序一键开发综合平台源码,系统支持15大小程序功能模块,涉及各行各业,含完整前后端+详细搭建部署教程。   系统特色功能一览: 1、全新重构升级功能后端文件和前端文件; 2、整套源码已经集成15大主流小程序功能,涉及到各行各业 ,如:微同城

    2024年02月12日
    浏览(23)
  • 搭建flask后端和微信小程序前端

    目录 一、准备工作 (1)我的前端代码 (2)我的后端代码 (3)后端运行成功的截图 (4)前端运行成功的截图  (5)整体运行成功的截图 二、部署后端  (1)在腾讯云的学生入口处购买服务器(建议选择ubuntu系统),设置管理秘钥,方便在本地远程连接。 (2)在本地的

    2024年02月04日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包