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

最新推荐文章于 2025-03-26 21:30:10 发布

来宝卉

最新推荐文章于 2025-03-26 21:30:10 发布

阅读量1.1w

点赞数 2

文章标签：微信小程序小程序前端

本文链接：https://blog.youkuaiyun.com/qq_38021296/article/details/123051342

版权

本文详细介绍了在微信小程序中获取用户手机号的步骤：首先调用wx.login接口，然后通过button触发授权弹窗获取encryptedData和iv。接着，利用这些参数结合sessionKey向后端发起请求，后端解密数据并返回用户手机号。在过程中，还涉及到sessionKey的检查和刷新，以及uni.login接口的使用来获取openid。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、获取微信用户绑定的手机号，需要先在主页面调用wx.login接口
2、使用button按钮触发授权弹窗 <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号码</button>
3、通过参数【encryptedData】，【iv】，【sessionKey】请求后端接口，传入上面获取到的参数，后端进行解密然后返回用户手机号

getPhoneNumber(e){
    console.log(e.detail.errMsg);//
    console.log(e.detail.iv);//加密算法的初始向量
    console.log(e.detail.encryptedData);//包括敏感数据在内的完整用户信息的加密数据

	const _this = this
    if (e.detail.encryptedData && e.detail.iv) {
		wx.checkSession({ //监测登录是否过期
			success() {
				// authorLogin方法为请求的后台接口
				const res = await this.authorLogin({
                  catgory: _this.choosedSubjectData.categoryId,
                  encryptedData: e.detail.encryptedData,
                  iv: e.detail.iv,
                  openId: _this.openid,
                  terminal: 21,
                  promoterInfoId:_this.qudaoInfo,
                  appletLoginFrom,
                  type: 1,
                  unionid: uni.getStorageSync('unionid')
                })
                console.log(res); // 此时的res返回用户手机号
			},
            fail() { // session_key 已经失效，需要重新执行登录流程
                _this.getUserOpenId() //重新登录,getOpenId为后端接口，
            }
		})
	}
}

getUserOpenId() {
	uni.login({
    	success: data => {
    		// data.code作为参数传给给后台
        	console.log(data.code,1111)
        	// 此时传入加密的code码，后端会返回用户unionid、openid等信息
	        this.getOpenId({ code: data.code }).then(res => {
                uni.setStorageSync('unionid', res.data.unionid) //存入缓存待用
                resolve(res.data.openid)
            }).catch(err => {
            	reject(err)
            })
        },
        fail: err => {
             console.log('uni.login 接口调用失败，将无法正常使用开放接口等服务', err)
             reject(err)
        }
   })
}