uniapp获取手机号流程

1`. view视图代码

<button class="allow-btn" open-type="getPhoneNumber" @getphonenumber="getphonenumber">允许</button>`

js代码

getphonenumber(e) {this.$emit('getphonenumber',e);console.log(e,"获取手机号信息");console.log(e.detail.errMsg);console.log(e.detail.iv);console.log(e.detail.encryptedData);}

调用授权code

// 获取微信授权getWxCode() { let that = this;uni.login({provider: 'weixin',timeout: 3000,success: res => {console.log(res,"登录的结果值");console.log(res.code, "code码")if (res.code) {//uni.setStorageSync('code', res.code)that.code=res.code;}},fail(err) {console.log(err)}})},

4.把加密值给后端进行解密

getphonenumber(e){ console.log(e.detail.errMsg);console.log(e.detail.iv);console.log(e.detail.encryptedData);wx.checkSession({success () {//session_key 未过期，并且在本生命周期一直有效},fail () {// session_key 已经失效，需要重新执行登录流程this.getWxCode() //重新登录}})//-----------------是否授权，授权通过进入主页面，授权拒绝则停留在登陆界面if (e.detail.errMsg == 'getPhoneNumber:user deny') { //用户点击拒绝uni.showToast({title:"你点击了拒绝",icon:"none"})} else { //允许授权执行跳转 this.iv=e.detail.iv;this.encryptedData=e.detail.encryptedData;// this.getWxCode();this.gettoken(this.code)}},

selPhonenumber(data){console.log(data,"获取手机号信息");let  that=this;this.$api.sendRequest({url:"/rest/getPhoneNo",data:data,success:res=>{console.log(res,"返回手机号信息")if(res.resultCode==200){ that.memberPhone=res.data.phoneNumber;uni.setStorageSync('phoneNumber',that.memberPhone);that.$refs['phonepopup'].close();that.shopTimeshow();}else{uni.showModal({title:"错误提示",content:JSON.stringify(data)})}}})},

解密出来的值如下：

uniapp获取手机号流程相关推荐

uniapp获取手机号（详细教程附代码）
uniapp获取手机号(详细教程附代码) 一.获取code 二.通过code获取获取openId 和 session_key 三.让用户授权(同意后需要对数据解密) 个人小程序不能使用这个功能,必须是 ...
uniapp获取手机号
uniapp获取手机号微信文档获取手机号获取微信用户绑定的手机号,需先调用wx.login接口. 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 button ...
微信小程序获取手机号流程及后端java解密
在小程序开发中,获取微信用户绑定的手机号功能,详细可查看官方文档:微信官方文档 · 小程序获取手机号获取微信用户绑定的手机号,需先调用wx.login接口. 因为需要用户主动触发才能发起获取手机号 ...
java微信小程序授权微信登录获取手机号
微信小程序获取手机号流程 1.先调用微信登录wx.login()获取code,通过code在后台获取session_key和openid(为了安全方面的原因,请不要直接使用这些信息作为你小程序的用户标 ...
微信小程序获取手机号登录(Java后端)
1.添加依赖 <dependency><groupId>org.projectlombok</groupId><artifactId>lombok< ...
uni-app微信获取手机号，第一次解密总是失败
项目场景: uni-app; 获取code,后台解密手机号问题描述: 每次第一次登陆,后台都会解密失败原因分析: code获取错误:导致后台的解密key与code不对应解决方案: 小程序获取手机 ...
uni-app微信小程序获取手机号；微信小程序获取手机号，获取到后需要进行解密；微信小程序获取手机号失败 Error：该appId没有权限
方法1.uni-app登录加获取手机号解密-直接看此篇即可解决微信小程序获取手机号注意点: 1.需要先登录,微信小程序登录看这篇 2.手机号获取到时加密的,需要后端解密或者前端自己解密(解密时候就会 ...
微信小程序获取手机号登录流程
微信小程序获取手机号登录流程首先前端使用wx.login 获取code wx.login({success(res) {if (res.code) {that.setData({code: res. ...
uniapp获取微信授权登录和手机号一键登录（保姆教程）
uniapp获取微信授权登录(保姆教程) 第一步下载官方给的解密文件'mWXBizDataCrypt' 没有文件就复制该文件的代码创建一个 var crypto = require('crypto' ...

uniapp获取手机号流程

uniapp获取手机号流程相关推荐

最新文章

热门文章