微信小程序-授权获取手机号

前端

wxml

<button name='phone' class='phone'  value='{{userInfo.phone}}' wx:if="{{!userInfo.phone}}" bindgetphonenumber="getPhoneNumber" hover-class='none' open-type='getPhoneNumber'>
 点击获取
</button>

import { wxGetPhoneNumber } from "../../../api/miniapp/auth"
import { showErrorToast } from '../../../utils/util';
const app = getApp();

Page({
  data: {
      userInfo: {},
      hasLogin: false
  },
  onShow: function () {
    let userInfo = wx.getStorageSync('userInfo');
    this.setData({
      userInfo: userInfo,
      hasLogin: true
    });
  },
  
  getPhoneNumber: function (e) {
    console.log('手机号获取',e);
     let that = this;
      if (e.detail.errMsg !== "getPhoneNumber:ok") {
        return;
      }
      if (!this.data.hasLogin) {
        wx.showToast({
          title: '绑定失败：请先登录',
          icon: 'none',
          duration: 2000
        });
        return;
      }
      wxGetPhoneNumber(e.detail.iv,e.detail.encryptedData).then((res) => {
        let userInfo = wx.getStorageSync('userInfo');
        userInfo.phone = res.data.phone;
        wx.setStorageSync('userInfo', userInfo);
        that.setData({
          userInfo: userInfo,
          hasLogin: true
        });
        wx.showToast({
          title: '绑定手机号成功',
          icon: 'success',
          duration: 2000
        });
      }).catch((error)=>{
        showErrorToast('绑定手机号失败');
      })
  }
})

export function wxGetPhoneNumber(iv,encryptedData) {
  return new Promise(function (resolve, reject) {
    wxlogin().then((res) => {
      app.wxRequest("/api/weixinopen/wxphonenumber", "GET", {
        code: res.code, //临时授权凭证
        iv: iv,
        encryptedData: encryptedData
      }).then(res => {
        if (res.code === 200) {
          resolve(res);
        } else {
          reject(res);
        }
      }).catch((error) => {
        reject(error);
      });
    }).catch((error) => {
      reject(error);
    })
  })
}

后端

创建OpenIdAndSessionKey.cs类

public class OpenIdAndSessionKey
{
    public string openid { get; set; }

    public string session_key { get; set; }

    public string errcode { get; set; }

    public string errmsg { get; set; }
}

请求https://api.weixin.qq.com/sns/jscode2session接口并传入参数

string text = "?appid=" + weixinOpenSettings.AppId + "&secret=" + weixinOpenSettings.AppSecret + "&js_code=" + code + "&grant_type=authorization_code";
string requestUri = "https://api.weixin.qq.com/sns/jscode2session" + text;
using HttpClient httpClient = new HttpClient();
byte[] wxresult = httpClient.GetByteArrayAsync(requestUri).Result;
var oiask = JsonConvert.DeserializeObject<OpenIdAndSessionKey>(Encoding.UTF8.GetString(wxresult));

创建WeixinAppPhoneNumber.cs

 public class WeixinAppPhoneNumber
 {
     public class Watermark
     {
         public string appid { get; set; }

         public string timestamp { get; set; }
     }

     public string phoneNumber { get; set; }

     public string purePhoneNumber { get; set; }

     public string countryCode { get; set; }

     public Watermark watermark { get; set; }
 }

创建类Cryptography和方法AES_decrypt

 public static string AES_decrypt(string encryptedData, string Session_key, string IV)
 {
     try
     {
         byte[] array = Convert.FromBase64String(encryptedData);
         byte[] bytes = new RijndaelManaged
         {
             Key = Convert.FromBase64String(Session_key),
             IV = Convert.FromBase64String(IV),
             Mode = CipherMode.CBC,
             Padding = PaddingMode.PKCS7
         }.CreateDecryptor().TransformFinalBlock(array, 0, array.Length);
         return Encoding.Default.GetString(bytes);
     }
     catch (Exception)
     {
         return "";
     }
 }

调用解密方法，WeixinAppPhoneNumber的phoneNumber拿到手机号。

 WeixinAppPhoneNumber weixinAppPhoneNumber = JsonConvert.DeserializeObject<WeixinAppPhoneNumber>(Cryptography.AES_decrypt(encryptedData, oiask.session_key, iv));