Dai Chong's blog

介绍

 相信有很多同学都遇到过小程序需要授权两次的问题，这个问题的原因是错误的授权流程导致的。

 (1)错误的流程：引导用户点击授权按钮(getUserProfile)=>调起授权(wx.getUserProfile)=>获取code(wx.login)=>请求后端、传输数据（code、iv等）=>后端解密并登陆。

 (2)正确的流程：获取code(wx.show)=>引导用户点击授权按钮(getUserProfile)=>调起授权(wx.getUserProfile)=>请求后端、传输数据（code、iv等）=>后端解密并登陆。

代码演示

(1)错误的流程
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
getUserProfile: function (e) {
    let _this = this;
    // 微信小程序授权框
    wx.getUserProfile({
        desc: '用于完善会员资料',
        success: (userResult) => {
            wx.login({
                success (loginResult) {
                    if (loginResult.code) {
                        //发起网络请求,数据解密
                        wx.request({
                            url: 'https://test.com/onLogin',
                            data: {
                                code: loginResult.code,
                                iv: userResult.iv,
                                encryptedData: userResult.encryptedData,
                                rawData: userResult.rawData
                            },
                            success(res){
                                // 解密成功，并登陆
                            }
                        })
                    } else {
                        console.log('登录失败！' + res.errMsg)
                    }
                }
            })
        }
    })
}
(2)正确的流程
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
// 获取code
onShow:function(){
    wx.login({
      success: res => {
        _this.setData({
          code: res.code
        })
      }
    });
}
// 用户点击了授权按钮
getUserProfile: function (e) {
    let _this = this;
    // 检测授权是否过期
    wx.checkSession({
      success(checkRes) {
        // 调起授权窗口
        wx.getUserProfile({
          lang: 'zh_CN',
          desc: '用于完善会员资料',
          success: (userResult) => {
            //发起网络请求,数据解密
            wx.request({
                url: 'https://test.com/onLogin',
                data: {
                    code: _this.data.code,
                    iv: userResult.iv,
                    encryptedData: userResult.encryptedData,
                    rawData: userResult.rawData
                },
                success(res){
                    //解密成功，并登陆
                }
            })
          }
        })
      },
      fail() {
          //过期重新获取
        _this.getCode();
      }
    })
  },

注意

 正确的写法在微信开发者工具和扫码预览都无法调起微信授权框，一定要在真机调试和发布体验版中测试。


 上一页

php

 评论