微信小程序中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