mpvue 微信小程序 获取用户授权 getUserInfo、获取用户绑定手机号 getphonenumber
2019-05-23 15:54
561 查看
版权声明:本文为博主原创文章,转载请注明出处 https://blog.csdn.net/SupperPigger/article/details/90482065
获取用户授权 wx.getUserInfo
在我们正常编写微信小程序时,可以直接使用微信文档中的wx.getUserInfo下给的例子来获取用户的授权信息。
wxml:
<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
js:
bindGetUserInfo(e) { console.log(e.detail.userInfo) }
但是在mpvue中,不支持bind写法,要把bindgetuserinfo 改成 @getuserinfo
bindgetuserinfo="bindGetUserInfo"改成@getuserinfo=“bindGetUserInfo”
即:
<button open-type="getUserInfo" @getuserinfo="bindGetUserInfo">授权登录</button>
JS事件不变放在methods里即可调用用户授权窗口。
获取微信绑定的手机号 getphonenumber
在我们正常编写微信小程序时,可以直接使用微信文档中的"获取手机号"下给的例子来获取用户手机号。
wxml:
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
js:
Page({ getPhoneNumber(e) { console.log(e.detail.errMsg) console.log(e.detail.iv) console.log(e.detail.encryptedData) } })
但是上面我也提到了,mpvue中是不支持bind写法的。同样要把bindgetphonenumber 改成 @getphonenumber
bindgetphonenumber="getPhoneNumber"改成@getphonenumber=“getPhoneNumber”
即
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取微信手机号</button>
但是,我们JS中的函数也是需要更改的,使用e.detail.errMsg / e.detail.iv / e.detail.encryptedData是无法获取到信息的。
大家可以试着把这些注释掉,在函数中直接console.log(e),看下控制台中的信息。
这里相比原生微信小程序中,detail外层多了个mp。
所以我们要更改下函数的输出路径
Page({ getPhoneNumber(e) { console.log(e.mp.detail.errMsg) console.log(e.mp.detail.iv) console.log(e.mp.detail.encryptedData) } })
这样就能获取到参数了。需要注意的是,此时返回的数据是加密的,需要服务器端的支持才可以解开变为我们正常的手机号数据
相关文章推荐
- 小程序getPhoneNumber获取微信绑定手机号码,获取用户微信认证时的手机号——玩转小程序113
- 微信小程序获取微信绑定授权手机号getPhoneNumber 全流程及出现手机号带*号问题详解
- 微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
- 微信小程序getPhoneNumber获取用户手机号
- [转]wx.getUserInfo(OBJECT) 微信小程序 获取用户信息
- 【微信小程序】用户首次进入小程序拒绝授权,如何再次调用授权页面,获取用户信息userInfo
- 微信小程序-获取用户信息(getUserInfo)
- 微信小程序用户授权、位置授权及获取微信绑定手机号
- 微信小程序之 wx.getUserInfo引导用户授权问题
- 微信小程序之 wx.getUserInfo引导用户授权问题
- 自定义授权对话框, 解决微信小程序wx.getUserInfo() Api的新调整
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序获取手机号授权用户登录功能
- [置顶] 微信小程序通过getPhoneNumber后台PHP解密获取用户手机号码
- 微信小程序getPhoneNumber快速获取用户手机号组件
- 微信小程序获取用户绑定手机号方法示例
- [置顶] TP框架集成微信小程序getPhoneNumber获取手机号功能
- 小程序获取微信用户绑定的手机号