解决微信小程序授权登录获取手机号偶尔出现41003问题
最近做微信小程序授权登录获取手机号有时会出现 41003 问题,研究半天网上查了不少资料,梳理下过程:
从文档可知主要是wx.login()
获取code
顺序问题。
<button class="btn" style="width: 100%;" bindgetphonenumber="getPhoneNumber" open-type="getPhoneNumber" hover-class="none" > 手机号注册 </button>
wx.login()
里code
的获取是不能放在 button 的open-type="getPhoneNumber"
的回调函数getPhoneNumber
里面的,code
应该是需要提前获取,放在onShow
中。
以下 js 部分代码:
getPhoneNumber(e) { console.log(e) let _this = this $api.get('/api/user/getWxPhone', { encryptedData: e.detail.encryptedData, iv: e.detail.iv, code: wx.getStorageSync('code'), }).then(resp=>{ wx.showToast({ title: '获取手机号成功', icon: 'none' }) _this.setData({ mobile: resp.data.phoneNumber }) }) }, wxlogin(){ wx.login({ success (res) { if (res.code) { wx.setStorageSync('code', res.code); } else { console.log('登录失败!' + res.errMsg) } } }) }, /** * 生命周期函数--监听页面显示 */ onShow: function () { this.wxlogin() // 微信登录 code 有效期 五分钟 this.loginStatus = setInterval(() => { this.wxlogin() }, 300000) },
然后在登录成功跳转页面的位置,清除定时器,如下:
if (this.loginStatus) { clearInterval(this.loginStatus) }
至此,我们微信小程序授权登录获取手机号偶尔出现 41003 问题就解决了。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 解决微信小程序授权登录获取手机号偶尔出现41003问题
码云笔记 » 解决微信小程序授权登录获取手机号偶尔出现41003问题