第140篇:微信小程序的登录流程

好家伙，补补补

 

顶不住了，跑不掉了，这部分的知识还是要补上

 

来看看微信小程序登录的完整流程

 

最左边的一列就是前端负责的部分了

几个关键的参数：

code：一个用户登录凭证，就是一个临时的token

Appid：appid 是微信账号的唯一标识，这个是固定不变的；如果了解微信公众号开发的就需要注意一下，小程序的appid 和 公众号的appid 是不一致的

 

OpenID：为了识别用户，每个用户针对每个公众号或小程序等应用会产生一个安全的OpenID，

公众号或应用可将此ID进行存储，便于用户下次登录时辨识其身份，或将其与用户在第三方应用中的原有账号进行绑定

同一个用户在不同的小程序中拥有不同的openid。因此，在开发小程序时，不能使用openid来进行用户的唯一性判断。

UnionId:UnionId也是用户的标识符，但它与OpenID不同的是，同一个微信用户，

登录同一个开发主体下的多个小程序或公众号的时候，分配的UnionId是一样的。

 

session_key:涉及数据安全的一个秘钥

 

我们去看一下几个关键的Api

 

1.wx.login()

功能描述

调用接口获取登录凭证（code）。通过凭证进而换取用户登录态信息，包括用户在当前小程序的唯一标识（openid）、微信开放平台帐号下的唯一标识（unionid，若当前小程序已绑定到微信开放平台帐号）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。

参数：

 这里来看看这个code，有效期五分钟，用code换取openid，

这个code就是个临时token，要带着这个东西发请求去后端拿东西

 

示例代码:

wx.login({
  success (res) {
    if (res.code) {
      //发起网络请求
      wx.request({
        url: 'https://example.com/onLogin',
        data: {
          code: res.code
        }
      })
    } else {
      console.log('登录失败！' + res.errMsg)
    }
  }
})

 

2.wx.request()

功能描述

发起 HTTPS 网络请求。使用前请注意阅读相关说明。

 

示例代码：

wx.request({
  url: 'example.php', //仅为示例，并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})