uniapp获取用户手机号

首先我们需要下载一个解密文件
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/signature.html
在这里插入图片描述
在这里插入图片描述

放到本地目录 进行引入

import WXBizDataCrypt from '@/static/WXBizDataCrypt.js';
<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button>
onLoad() {
//通过wx.login 获取用户code
		wx.login({
			success: res => {
				console.log('0');
				if (res.code) {
					//微信登录成功 已拿到code
					this.jsCode = res.code; //保存获取到的code
					uni.request({//这步可以直接调取后端接口
						url: 'https://api.weixin.qq.com/sns/jscode2session',
						method: 'GET',
						data: {
							appid: '', //你的小程序的APPID
							secret: '', //你的小程序的secret,
							js_code: res.code //wx.login 登录成功后的code
						},
						success: cts => {
							// 换取成功后 暂存这些数据 留作后续操作
							this.openid = cts.data.openid; //openid 用户唯一标识
							this.unionid = cts.data.unionid; //unionid 开放平台唯一标识
							this.session_key = cts.data.session_key; //session_key  会话密钥
						}
					});
				} else {
					console.log('登录失败!' + res.errMsg);
				}
			}
		});
	},
methods: {
	// 获取手机号
		onGetPhoneNumber(e) {
			let that = this;
			if (e.detail.errMsg == 'getPhoneNumber:fail user deny') {
				//用户决绝授权
				//拒绝授权后弹出一些提示
			} else {
				//允许授权
				let pc = new WXBizDataCrypt('wxXXXXXXX', that.session_key); //wxXXXXXXX为你的小程序APPID
				let data = pc.decryptData(e.detail.encryptedData, e.detail.iv);

				console.log(data); //data就是最终解密的用户信息

				//后续操作。。。
			}
		}
	
}
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_41688609

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值