微信小程序用户如何授权获取手机号-getPhoneNumber

本篇内容主要讲解“微信小程序用户如何授权获取手机号-getPhoneNumber”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“微信小程序用户如何授权获取手机号-getPhoneNumber”吧!

前言

小程序有一个获取用户很便捷的api，就是通过getPhoneNumber获取用户的已经绑定微信的手机号码。有一点要大家注意，现在微信和注重用户体验，有些方法都是需要用户主动去触发才能调用的，比如getPhoneNumber。

实现思路：

通过wx.login获取code,从而获取到用户的openID和sessionKey

通过getPhoneNumber获取encryptedData，iv

通过参数【encryptedData】 、【iv】 、【sessionKey】  请求后台解密获取用户手机号

直接上干货：

用户点击获取用户手机号码按钮

<button class='pop_btn' plain="true"open-type='getPhoneNumber' bindgetphonenumber="getPhoneNumber">获取用户手机号</button>

弹出授权图片：

通过解密获取手机号码

直接上代码：

wxlogin: function() { //获取用户的openID和sessionKey  var that = this;  wx.login({    //获取code 使用wx.login得到的登陆凭证，用于换取openid    success: (res) = >{      wx.request({        method: "GET",        url: 'https://xxxwx/wxlogin.do',        data: {          code: res.code,          appId: "appIdSbcx",          appKey: "appKeySbcx"        },        header: {          'content-type': 'application/json' // 默认值        },        success: (res) = >{          console.log(res);          that.setData({            sessionKey: res.data.session_key          });        }      });    }  });}getPhoneNumber: function(e) { //点击获取手机号码按钮  var that = this;  wx.checkSession({    success: function() {      console.log(e.detail.errMsg)      console.log(e.detail.iv)      console.log(e.detail.encryptedData)      var ency = e.detail.encryptedData;      var iv = e.detail.iv;      var sessionk = that.data.sessionKey;      if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {        that.setData({          modalstatus: true        });      } else { //同意授权        wx.request({          method: "GET",url: 'https://xxx/wx/deciphering.do',          data: {            encrypdata: ency,            ivdata: iv,            sessionkey: sessionk          },          header: {            'content-type': 'application/json' // 默认值          },          success: (res) = >{            console.log("解密成功~~~~~~~将解密的号码保存到本地~~~~~~~~");            console.log(res);            var phone = res.data.phoneNumber;            console.log(phone);          },          fail: function(res) {            console.log("解密失败~~~~~~~~~~~~~");            console.log(res);          }        });      }    },    fail: function() {      console.log("session_key 已经失效，需要重新执行登录流程");      that.wxlogin(); //重新登录    }  });}

后台代码：

@RequestMapping(value = "deciphering", method = RequestMethod.GET)public @ResponseBody String deciphering(String encrypdata, String ivdata, String sessionkey,HttpServletRequest request) {    byte[] encrypData = Base64.decode(encrypdata);     byte[] ivData = Base64.decode(ivdata);     byte[] sessionKey = Base64.decode(sessionkey);     String str="";try {str = decrypt(sessionKey,ivData,encrypData);} catch (Exception e) {// TODO Auto-generated catch blocke.printStackTrace();}    System.out.println(str);     return str;}public static String decrypt(byte[] key, byte[] iv, byte[] encData) throws Exception {     AlgorithmParameterSpec ivSpec = new IvParameterSpec(iv);     Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");     SecretKeySpec keySpec = new SecretKeySpec(key, "AES");     cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);     //解析解密后的字符串     return new String(cipher.doFinal(encData),"UTF-8");   }

总结

到此，相信大家对“微信小程序用户如何授权获取手机号-getPhoneNumber”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！