微信小程序-前端解密,获取用户手机号

第一步:下载cryptojs 放到utils目录下

 

第二步:common目录下新建 RdWXBizDataCrypt.js 文件

var Crypto = require('../cryptojs/cryptojs.js').Crypto;
 
function RdWXBizDataCrypt(appId, sessionKey) {
    this.appId = appId
    this.sessionKey = sessionKey
}
RdWXBizDataCrypt.prototype.decryptData = function(encryptedData, iv) {
    // base64 decode :使用 CryptoJS 中 Crypto.util.base64ToBytes()进行 base64解码
    var encryptedData = Crypto.util.base64ToBytes(encryptedData)
    // console.log(sessionKey)
    var key = Crypto.util.base64ToBytes(this.sessionKey);
    var iv = Crypto.util.base64ToBytes(iv);
    // console.log(encryptedData,key,iv)
    // 对称解密使用的算法为 AES-128-CBC,数据采用PKCS#7填充
    var mode = new Crypto.mode.CBC(Crypto.pad.pkcs7);
    try {
        // 解密
        var bytes = Crypto.AES.decrypt(encryptedData, key, {
            asBpytes: true,
            iv: iv,
            mode: mode
        });
        var decryptResult = JSON.parse(bytes);
 
    } catch (err) {
        console.log(err)
    }
    if (decryptResult.watermark.appid !== this.appId) {
        console.log(err)
    }
    return decryptResult
}
export default RdWXBizDataCrypt
import RdWXBizDataCrypt from '@/common/RdWXBizDataCrypt.js';
 
 
getPhoneNumber(e) {
      if (!e.detail) {
        return;
      }
      uni.request({
        url: '自己的接口 不能吧秘钥漏出来小程序审核不通过',
        method: 'GET',
        dataType: 'json',
        sslVerify: false,
        success: res => {
          console.log('session-res', res);
          if (!res) {
            return;
          }
          this.openid = res.data.openid;
          let phone = e.detail.encryptedData;
          let iv = e.detail.iv;
          let appId = 'appId';
          let session_key = res.data.session_key;
          const pc = new RdWXBizDataCrypt(appId, session_key);
          const data = pc.decryptData(phone, iv);
          if (data) {
            this.phoneNumber = data.phoneNumber;
            this.countryCode = data.countryCode;
          }
          console.log('data', data);
        },
        fail: err => {
          console.error(err);
        }
      });
      
    },

注意错误点

如果出现以上错误,要检查自己 wx.login() 获取 code的时机,一定要保证 wx.login 在 getPhoneNumber 之前调用进而取得 Code

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Taro开发微信小程序中,如果你需要获取用户手机号码,可以按照以下步骤进行操作: 1. 首先,确保在微信公众平台上已经设置了小程序获取用户手机号的权限。你可以在小程序管理后台的"开发-开发设置-接口设置"中找到相关设置。 2. 在Taro的页面或组件中,引入微信小程序的API:通过`import Taro from '@tarojs/taro'`引入微信小程序的API。 3. 调用`Taro.login()`方法获取用户登录凭证code,用于后续的手机号授权验证。 4. 在获取到code后,调用`Taro.getUserInfo()`方法获取用户信息,包括手机号码。示例代码如下: ```javascript Taro.login().then((loginRes) => { if (loginRes.code) { Taro.getUserInfo().then((userRes) => { const { encryptedData, iv } = userRes.userInfo // 在这里可以将encryptedData和iv发送到后端解密获取手机号码 // 也可以直接在前端解密获取手机号码 }).catch((err) => { console.log(err) }) } else { console.log('登录失败') } }).catch((err) => { console.log(err) }) ``` 5. 在上述代码中,`encryptedData`和`iv`是用户信息的加密数据,你可以将它们发送到后端进行解密,或者在前端使用相应的解密算法解密获取手机号。 需要注意的是,获取用户手机号的过程需要用户授权,并且用户必须在微信设置中允许小程序获取手机号的权限。如果用户未授权或未设置权限,将无法获取手机号。 希望这些信息对你有所帮助!如果你还有其他问题,请继续提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值