小程序登录流程

微信小程序登录流程 随笔

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

 

参考

app.js需要做的

1，首先通过wx.login()拿到code，成功之后，发送数据，请求接口，把code发送给后端，换区openid，sessionKey,unionId，把openid存起来

wx.login({
      success: res => {
        console.log(res)
        
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
        
      }
    })

2,接下来获取用户信息

wx.getSetting() 授权，如果授权成功了，直接调wx.getUserInfo() ,

wx.getSetting({
      success: res => {
        if (res.authSetting['scope.userInfo']) {
          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
          wx.getUserInfo({
            success: res => {
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo

              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })

如果没有，在你首页把授权绑定在需要操作的按钮上

<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserInfo" plain='true' ></button>

执行自定义方法，然后把用户信息赋值给app.js里面的global userInfo,然后就没有然后了，剩下的就是普通掉接口，跑业务

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄