微信小程序 之 微信登录(详解)

短命女 2023-10-13 23:58 141阅读 0赞

1 微信登录流程

微信登录:小程序登录 | 微信开放文档

3a7ba317d734404aae174ff5f85e5e11.jpeg

步骤分析:

之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。

  1. 小程序端,调用wx.login()获取code,就是授权码。
  2. 小程序端,调用wx.request()发送请求并携带code,请求开发者服务器(自己编写的后端服务)。
  3. 开发者服务端,通过HttpClient向微信接口服务发送请求,并携带appId+appsecret+code三个参数。
  4. 开发者服务端,接收微信接口服务返回的数据,session_key+opendId等。opendId是微信用户的唯一标识。
  5. 开发者服务端,自定义登录态,生成令牌(token)和openid等数据返回给小程序端,方便后绪请求身份校验。
  6. 小程序端,收到自定义登录态,存储storage。
  7. 小程序端,后绪通过wx.request()发起业务请求时,携带token。
  8. 开发者服务端,收到请求后,通过携带的token,解析当前登录用户的id。
  9. 开发者服务端,身份校验通过后,继续相关的业务逻辑处理,最终返回业务数据。
  10. 接下来,我们使用Postman进行测试。

    说明:

  11. 调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。
  12. 调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 、 用户在微信开放平台帐号下的唯一标识UnionID(若当前小程序已绑定到微信开放平台帐号) 和 会话密钥 session_key

实现步骤:

1). 获取授权码

点击确定按钮,获取授权码,每个授权码只能使用一次,每次测试,需重新获取。

bce2a43dac714435bf539a27288ba0e5.png

2). 明确请求接口

请求方式、请求路径、请求参数

c156d119174a4c4f8454086b784e2181.png

3). 发送请求

获取session_key和openid

46c66779b23f48278160e4838a4f1278.png

若出现code been used错误提示,说明授权码已被使用过,请重新获取

cfbbdf324d4d4b1892b2bdbb9ecb9bf3.png

发表评论

表情:
评论列表 (有 0 条评论,141人围观)

还没有评论,来说两句吧...

相关阅读

    相关 程序登录

    这段时间,一直闲,断断续续写了差不多10多篇博客了。今天下午研究了下微信小程序登录,以前没有做过这方面的,趁着有资源,玩一下小程序。 第一步: 去看微信开发文档接口,这个比什