微信小程序用户授权获取手机号(getPhoneNumber)

 更新时间:2021年03月12日 15:34:11   作者:chen_pan_pan  
这篇文章主要给大家介绍了关于微信小程序用户授权获取手机号的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

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

实现思路:

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

2、通过getPhoneNumber获取encryptedData,iv

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

直接上干货:

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

<button class='pop_btn' plain="true"

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

2、弹出授权图片:

3、通过解密获取手机号码

直接上代码:

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(); //重新登录
    }
  });
}

后台代码:

/**
* 解密并且获取用户手机号码
* @param encrypdata
* @param ivdata
* @param sessionkey
* @param request
* @return
* @throws Exception 
*/
@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 block
e.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"); 
  }

总结

到此这篇关于微信小程序用户授权获取手机号的文章就介绍到这了,更多相关小程序授权获取手机号内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS自定义打印及静默打印的实现方法

    JS自定义打印及静默打印的实现方法

    在浏览器上打印应该一个比较常见的操作, 最简单的打印方式就是直接点击浏览器右上角,找到“打印”按钮或者调用window.print(), 然而,实际情况下大多数需求都不会如此简单,所以本文给大家介绍了使用JS自定义打印及静默打印的方法实现,需要的朋友可以参考下
    2024-01-01
  • 脚本写的IE右键助手

    脚本写的IE右键助手

    脚本写的IE右键助手...
    2006-07-07
  • Weex开发之地图篇的具体使用

    Weex开发之地图篇的具体使用

    这篇文章主要介绍了Weex开发之地图篇的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • layer关闭弹出窗口触发表单提交问题的处理方法

    layer关闭弹出窗口触发表单提交问题的处理方法

    今天小编就为大家分享一篇layer关闭弹出窗口触发表单提交问题的处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js的touch事件的实际引用

    js的touch事件的实际引用

    研究移动端页面的触屏滑动事件,搜索jquery 的相应技术支持实在繁琐,而js只需几步简单定义即可,下面与大家分享下js的touch事件的实际引用
    2014-10-10
  • 微信公众号h5使用微信支付及支付宝支付的步骤(前端)

    微信公众号h5使用微信支付及支付宝支付的步骤(前端)

    微信H5支付是一种支付解决方案,主要适用于商户在微信客户端外的移动端网页上展示商品或服务的场景,这篇文章主要给大家介绍了关于微信公众号h5使用微信支付及支付宝支付(前端)的相关资料,需要的朋友可以参考下
    2024-07-07
  • javascript 播放器 控制

    javascript 播放器 控制

    javascript 播放器 控制...
    2007-01-01
  • 如何使用CocosCreator对象池

    如何使用CocosCreator对象池

    这篇文章主要介绍了CocosCreator对象池,对性能有研究的同学,要着重看一下
    2021-04-04
  • 用javascript获取textarea中的光标位置

    用javascript获取textarea中的光标位置

    Javascript一向以他的灵活随意而著称,这也使得它的功能可以非常的强大,而由于没有比较好的调试工具,又使得它使用起来困难重重,尤其使对于一些初学者,更是感觉到无从下手。今天探讨的问题是用javascript获取textarea中光标的位置。
    2008-05-05
  • javascript实现简易计算器

    javascript实现简易计算器

    这篇文章主要为大家详细介绍了javascript实现简易计算器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02

最新评论