微信小程序中wx.login和wx.getUserProfile的使用

在使用微信登錄時，通常會在調用wx.login獲取code后再通過wx.getUserProfile獲取iv和encryptedData(加密數據)一起發到后端進行登錄驗證

在實際使用中如果在wx.login方法調用后再調用再使用wx.getUserProfile會報錯

官方解釋：

 也就是說不能在調用方法的回調中使用wx.getUserProfule()

解決方法：使用Promise.all()方法實現平級調用

Promise.all() 方法接收一個promise的iterable類型（注：Array，Map，Set都屬於ES6的iterable類型）的輸入，並且只返回一個Promise實例， 那個輸入的所有promise的resolve回調的結果是一個數組。這個Promise的resolve回調執行是在所有輸入的promise的resolve回調都結束，或者輸入的iterable里沒有promise了的時候。它的reject回調執行是，只要任何一個輸入的promise的reject回調執行或者輸入不合法的promise就會立即拋出錯誤，並且reject的是第一個拋出的錯誤信息。

簡單點說就是會等到兩個方法都回調成功該方法才會返回來值，返回值是一個數組。

上代碼

封裝wx.login和wx.getUserProfile兩個接口

 /**
   * 使用promise封裝用戶信息接口
   */
  getUserInfo:function(){
    return new Promise((resolve,reject) => {
      wx.getUserProfile({
        desc: '用戶登錄', // 聲明獲取用戶個人信息后的用途，后續會展示在彈窗中，請謹慎填寫
        success: (res) => {
          resolve(res)
        },
        fail:(err) => {
          reject(err)
        }
      })
    })
  },

  /**
   * 使用promise封裝wx.login接口
   */
  getLogin:function(){
    return new Promise((resolve,reject) => {
      wx.login({
        success (res) {
          resolve(res)
        },
        fail: (err) => {
          reject(err)
        }
      })
    })
  },

封裝登錄接口

  /**
   * 登錄接口
   */
  login: function(){
    let userRes = this.getUserInfo()
    let loginRes = this.getLogin()
    //使用promise.all()平級調用
    Promise.all([userRes,loginRes])
    .then((res) => {
      console.log(res)
      let param = {
        code: res[1].code,
        iv: res[0].iv,
        encryptedData: res[0].encryptedData
      }
      let data = {
        method: "post",
        url: api.apiName.wxLogin,
        params: param
      }
      request.request(data)
      .then(res => {
        wx.setStorageSync('token', res.data)
        wx.setStorageSync('hasLogin', true)
        //獲取用戶信息
        let data = {
          method: "get",
          url: api.apiName.getUserInfo,
          params: null
        }
        request.request(data)
        .then(res2 => {
          wx.hideLoading({})
          wx.setStorageSync('userInfo', res2.data)
        })
        .catch(err => {
          wx.hideLoading({})
          console.log(err.msg)
        })
        setTimeout(function(){
          wx.switchTab({
            url: '../../index/index',
          })
        },1500)
      })
      .catch(err => {
        console.log(err.msg)
      })
    })
  }

over over