微信小程序授权登录流程时序

1. 概述

微信小程序授权登录是指用户在使用某些小程序时，需要进行登录或授权操作。在这个过程中，小程序需要获取用户的微信个人信息或授权给小程序进行某些操作。本篇文章将详细介绍微信小程序授权登录的流程时序。

2. 流程时序

2.1 用户登录

在用户进入小程序后，小程序需要判断用户是否已经登录。若用户没有登录，则需要进行登录操作。登录操作一般包括两种方式：手机号码登录和微信登录。其中微信登录是通过调用微信开放平台提供的API实现的。相关代码如下：

wx.login({

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

通过调用wx.login()获取用户登录态，并将获取到的code发送给小程序服务器进行验证。验证通过后，小程序服务器返回一个token，然后将token存储到本地缓存中，作为用户的登录态。

2.2 授权登录

当用户需要进行个人信息查看或操作时，小程序需要获取用户的微信个人信息。这时，小程序会弹出授权窗口，询问用户是否授权。若用户同意授权，小程序将获取到用户微信个人信息。

授权窗口的弹出方式为调用wx.authorize()方法。相关代码如下：

wx.authorize({

  scope: 'scope.userInfo',
  success () {
    wx.getUserInfo({
      success (res) {
        console.log(res.userInfo)
      }
    })
  }
})

其中，scope.userInfo表示要获取用户的微信个人信息；wx.getUserInfo()方法用于获取用户的微信个人信息。

2.3 获取用户信息

在用户同意授权后，小程序就可以获取到用户的微信个人信息了。获取到用户信息的方式可以通过wx.getUserInfo()方法实现。相关代码如下：

wx.getUserInfo({

  success: function (res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender // 性别：0：未知、1：男、2：女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

通过调用wx.getUserInfo()方法获取到用户的微信个人信息，并将其存储到本地缓存中，以便下次使用。

3. 总结

微信小程序授权登录是非常重要的一环。通过本篇文章的介绍，我们可以清楚地了解到微信小程序授权登录的流程时序，并能够清楚地掌握相关的代码实现方法。在实际开发应用中，我们要注意用户隐私数据的保护，不要将用户的隐私数据泄露给第三方平台。