微信小程序登录 41003问题解决方案

今天春哥团队技术大东在开发小程序中遇到个问题，请求己方服务器授权登录失败，百度上一堆复制黏贴的文章并不靠谱，网上有些是说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. }