注册登录

微信小程序授权登录41003错误

2018-09-26
导读:最近遇到这么个坑,偶然请求己方服务器授权登录失败,百度上一堆复制黏贴的文章并不靠谱,最终在微信论坛上看到解决方案。 网上有些是说iv内空格导致解密失败,我出错的情况下...

最近遇到这么个坑,偶然请求己方服务器授权登录失败,百度上一堆复制黏贴的文章并不靠谱,最终在微信论坛上看到解决规划。 
网上有些是说iv内空格导致解密失败,我出错的情况下并没有出现空格,排除这种情况。 
有说是因为请求顺序,但是按照微信官方文档,似乎并不是最新的,至少我授权方式不完全跟文档一样。

我的授权方式 
通过添加一个按钮并且设置 open-type="getUserInfo"

 

  1. <button class='wxBtn'
  2. open-type="getUserInfo"
  3. bindgetuserinfo="wechatAction">操作微信账号登录</button>

在按钮点击事件里,会返回一些授权登录需要用到的字段如:iv、encryptedData、signature、rawData  这个时候再调用 wx.login() 去获取code,整合以上数据向己方服务器发送请求获取用户唯一标识 token。  通过以上的方式是可以成功登录,但是偶然会出现请求己方服务器授权登录失败,再一次就会成功。  原因在于请求顺序,这里的请求顺序是先请求 wx.getUserInfo(按钮) 再请求 wx.login()。有时候获取code后iv已经失效,所以失败。  解决规划:在请求 wx.login() 后,调用一次 wx.getUserInfo(废弃接口) ,更新iv等信息。注意:这里调用的废弃接口只是不再弹出授权请求窗口,但还是能够获取到 iv 等信息,授权接口弹窗已将在点击按钮的时候弹出,并且授权了,所以没毛病。  再总结一下,正确的顺序:wx.getUserInfo(按钮) -> wx.login() -> wx.getUserInfo(废弃接口),整合以上操作获取到的最近数据 code、iv、encryptedData、signature、rawData 传给己方服务器,授权登录成功。

以下贴上我的业务代码

 

  1. // 点击微信登录
  2. wechatAction: function(e) {
  3. // 用户点击授权
  4. // 先保存获取到的微信用户信息
  5. const { nickName, avatarUrl } = JSON.parse(e.detail.rawData)
  6. this.setData({
  7. nickName: nickName,
  8. avatarUrl: avatarUrl
  9. })
  10. // 获取微信code
  11. this.reqWechatCode()
  12. },
  13.  
  14. // 微信登录:获取code
  15. reqWechatCode: function() {
  16. // 授权接口登录接口
  17. let that = this
  18. // 从微信获取code
  19. wx.showLoading({
  20. title: '获取code',
  21. })
  22.  
  23. wx.login({
  24. success: function (res) {
  25. if (res.code) {
  26.  
  27. wx.getUserInfo({
  28. success: function (res) {
  29. // 保存微信登录参数
  30. const { encryptedData, iv, signature, rawData } = res
  31. that.setData({
  32. encryptedData: encryptedData,
  33. iv: iv,
  34. signature: signature,
  35. rawData: rawData
  36. })
  37. that.wxLoginReq(res.code)
  38. }
  39. })
  40.  
  41. } else {
  42.  
  43. wx.showToast({
  44. title: '获取code失败,请重试',
  45. icon: 'none'
  46. })
  47. }
  48. wx.hideLoading()
  49. }
  50. })
  51. },
  52.  
  53. // 根据获取到的code 向服务器发送登录请求 获取token
  54. wxLoginReq: function (code) {
  55. let that = this
  56.  
  57. wx.showLoading({
  58. title: '获取token中',
  59. })
  60.  
  61. // 拿到code 再加上 encryptedData, iv, rawData, signature 等参数,请求token
  62. let encryptedData = that.data.encryptedData
  63. let iv = that.data.iv
  64. let signature = that.data.signature
  65. let rawData = that.data.rawData
  66. var req = require('../../util/Request.js')
  67.  
  68. // 请求成功
  69. let success = function(res) {
  70. // console.log(res)
  71. wx.hideLoading()
  72. // 缓存token
  73. const { token, user_id } = res.data.data
  74. let userInfo = {
  75. token: token,
  76. user_id: user_id,
  77. nickName: that.data.nickName,
  78. avatarUrl: that.data.avatarUrl
  79. }
  80. getApp().setUserInfo(userInfo)
  81. // 同步用户信息
  82. getApp().loginSuccess(function () {
  83. wx.navigateBack({})
  84. })
  85. }
  86.  
  87. // 请求失败
  88. let fail = function(res) {
  89. wx.hideLoading()
  90. wx.showToast({
  91. title: '获取token失败,请重试',
  92. icon: 'none'
  93. })
  94. }
  95. // 登录请求
  96. req.reqLogin(code, encryptedData, iv, rawData, signature, success, fail)
  97. },

 

重磅推荐:小程序开店目录

第一部分:小商店是什么

第二部分:如何开通一个小商店

第三部分:如何登录小商店

第四部分:开店任务常见问题

第五部分:小商店可以卖什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收货/物流

第九部分:小程序怎么结算

第十部分:小程序客服

第十一部分:电商创业

第十二部分:小程序游戏开发

电话咨询 微信咨询 预约演示 0元开店