微信小程序登录授权并获取手机号

一、请求微信登录接口

1. 请求发送 携带 code 到后台换取 openid

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

2. 发送 code 到后台获取保存 session_key ，openid 等重要参数，获取手机号要用到
   二、session_key ，openid 参数保存下来之后，开始获取手机号：

注意：目前该接口针对非个人开发者，且完成了认证的小程序开放（不包含海外主体）。需谨慎使用，若用户举报较多或被发现在不必要场景下使用，微信有权永久回收该小程序的该接口权限

1. 需要将 button 组件 open-type 的值设置为 getPhoneNumber，建议直接使用微信小程序文档提供的方法

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

2. 查看是否授权成功 (e.errMsg == “getPhoneNumber:ok”)， 成功：true 拒绝：false

3. 授权成功后返回参数encryptedData , iv，加上先前保存的 session_key 请求接口，提交参数给后台，参数跟随后台对接
   

 //获取手机号快捷登录
  getPhoneNumber: function (e) {
    let e = e.detail;//微信返回加密的数据
    //判断授权手机号是否成功
    if (e.errMsg == "getPhoneNumber:ok") {
      let data = {  //后台所需要的提交的参数
        encryptedData: e.encryptedData,
        iv: e.iv,
        session_key : that.data.session_key
      }
      //创建新的Promise请求login接口
      new Promise((resolve, reject) => {
        wx.request({
            url: app.globalData.server_api_url + '/login',  //api接口
            header: {
                'content-type': 'application/x-www-form-urlencoded',
            },
            method: 'POST',
            data: data,
            success: function(res) {
              resolve(res)
            },
            fail : function (res) {
              reject(res)
            }
        })
      }).then((res) => {
      	//请求成功返回的参数
       console.log(res)
      })     
    }
  }

4. 走到这步，说明已经成功获取到手机号，根据后台返回的参数拿到手机号