解决微信小程序授权登录获取手机号偶尔出现41003问题

解决微信小程序授权登录获取手机号偶尔出现41003问题

最近做微信小程序授权登录获取手机号有时会出现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问题就解决了。

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 解决微信小程序授权登录获取手机号偶尔出现41003问题

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们