通过获取用户手机号,可以省去很多操作,是比较常见的功能。
获取用户手机号码 分为以下几步:
第一点击页面获取授权按钮
第二获取用户授权参数
第三根据加解密算法解密手机号码
需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据, 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
getPhoneNumber是微信官方要求,获取用户手机号码授权 ^^~
onGetPhoneNumber是回调函数,获取授权后会回调到该方法,也就是获取的电话号码就在这个函数的返回值里面。当然这个函数是自定义的,名字大家可以随便起,上面的getPhoneNumber可不能随便修改。
onGetPhoneNumber(e) { var that = this; wx.login({ success (res) { if (res.code) { console.log('步骤2获检查用户登录状态,获取用户电话号码!', res) wx.request({ url: '这里写自己的接口', data: {code: res.code}, success: function(res) { console.log("步骤三获取授权码,获取授权openid,session_key",res); var userphone=res.data.data; wx.setStorageSync('userphoneKey',userphone); //解密手机号 var msg = e.detail.errMsg; var sessionID=wx.getStorageSync("userphoneKey").session_key; var encryptedData=e.detail.encryptedData; var iv=e.detail.iv; if (msg == 'getPhoneNumber:ok') {//这里表示获取授权成功 wx.checkSession({ success:function(){ //这里进行请求服务端解密手机号 that.deciyption(sessionID,encryptedData,iv); }, fail:function(){ // that.userlogin() } }) } },fail:function(res){ console.log("fail",res); } }) } else { console.log('登录失败!' + res.errMsg) } } })