uniapp微信小程序开发测试获取手机号码

本文主要是介绍uniapp微信小程序开发测试获取手机号码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

先申请测试号
注意认证但是没有完全认证不要试测试号解密如下
总结我自己的两大坑
1.官网的WXBizDataCrypt需要导入crypto要提前下载但是试了很多次没有效果重新编写这个。将crypto库换成crypto-js库
2.我一直在尝试用下有下面这个界面的测试号不行获取不到用户的code还是啥忘记了s
新建WXBizDataCrypt.js官网也有也可以直接负责下面的内容

import CryptoJS from 'crypto-js';class WXBizDataCrypt {constructor(appId, sessionKey) {this.appId = appId;this.sessionKey = sessionKey;}decryptData(encryptedData, iv) {// 确保 encryptedData 和 iv 都是 Base64 编码的字符串const sessionKey = CryptoJS.enc.Base64.parse(this.sessionKey);const encryptedBuffer = CryptoJS.enc.Base64.parse(encryptedData);const ivBuffer = CryptoJS.enc.Base64.parse(iv);try {// 使用 AES 解密const decrypted = CryptoJS.AES.decrypt({ ciphertext: encryptedBuffer },sessionKey,{iv: ivBuffer,mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7,});// 将解密后的数据转换为 UTF-8 字符串const decoded = decrypted.toString(CryptoJS.enc.Utf8);// 解析 JSON 数据const result = JSON.parse(decoded);// 检查解密结果中的 App IDif (result.watermark.appid !== this.appId) {throw new Error('Illegal Buffer: App ID mismatch');}return result;} catch (err) {console.error('解密失败', err);throw new Error('Illegal Buffer: ' + err.message);}}
}export default WXBizDataCrypt;

npm 下载 crypto-js:将node_modules中 crypto-js文件夹中的 crypto-js.js复制到WXBizDataCrypt同级目录

接下来在生成按钮

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"><view class="wx_text">微信授权登录</view>
</button>

接下来在第一张图片中的appid与AppSecret(小程序密钥)复制下来

getPhoneNumber(e) {uni.login({provider: 'weixin', // 使用微信登录success: (res) => {uni.request({url: 'https://api.weixin.qq.com/sns/jscode2session',method: 'GET',data: {appid: "appid自己的",secret: "AppSecret(小程序密钥)复制下来",js_code: res.code, // wx.login 登录成功后的code  grant_type: 'authorization_code',},success: (res) => {console.log('Request success:', res);if (res.data && res.data.session_key) {let pc = new WXBizDataCrypt('appid自己的', res.data.session_key);try {let data = pc.decryptData(e.detail.encryptedData, e.detail.iv);console.log('手机号码信息', data);} catch (err) {console.error('解密失败', err);}} else {console.error('未能获取 session_key:', res);}},fail: (err) => {console.error('Request failed:', err);}});},fail: (err) => {console.error('Login failed:', err);}});}

简写的方法

getPhoneNumber(e) {console.log(e)// 用户同意授权，拿到code去获取手机号uni.login({provider: 'weixin', //使用微信登录success: (res) => {uni.request({url: 'https://api.weixin.qq.com/sns/jscode2session',method: 'GET',data: {appid:"appid自己的",secret:"ppSecret(小程序密钥)复制下来",js_code: res.code, //wx.login 登录成功后的code  grant_type: 'authorization_code',},success: (res) => {let pc = new WXBizDataCrypt('appid自己的', res.data.session_key);try {let data = pc.decryptData(e.detail.encryptedData, e.detail.iv);console.log('手机号码信息', data);} catch (err) {console.error('解密失败', err);}}});}})}

这篇关于uniapp微信小程序开发测试获取手机号码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---