微信小程序:用户微信登录流程(附:流程图)

2023-02-16  本文已影响0人  扶得一人醉如苏沐晨
image.png

1.使用微信小程序登录的wx.login()方法

在微信小程序页面或图像加载完成后即在onload()方法里调用wx.login()方法获取用户code。

wx.login({
  success (res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://example.com/onLogin',
        //上述url地址为后端提供的微信地址,用于前端将code传入后端时所用。
        data: {
          code: res.code
        //res.code为通过wx.login拿到的code,code字段由后端定义,具体要求由后端规定
        }
      })
    } else {
      console.log('登录失败!' + res.errMsg)
    }
  }
})

2.后端使用登录凭证换取session_key和openid

当后端同学拿到code之后,将codeAppID+AppSecret对接微信接口服务换取session_key和openid和后端生成的token传回前端。AppID和AppSecret相当于微信小程序的身份证
获取方法:登录微信小程序的管理系统——>开发管理——>开发设置。如图所示:

image.png image.png

3、前端处理session_key、openid和token

前端拿到session_key、openid和token之后将session_key、openid和token存入缓存,再微信小程序后续的接口请求都带上token进行请求。
这里需要开发者进一步封装wx.request请求

上一篇 下一篇

猜你喜欢

热点阅读