微信小程序授权登录流程总结

1.登陆只需发送code到后台,后台获取openid,根据openid到数据库中查找用户信息,若有则返回用户信息,若没有将该openid插入数据库,
2.后台生成token(可以是用户id和其他随机串组合的加密字符串),返回前台token,和用户信息
3.前台判断用户信息是否包含用户名称,用户城市。。。等信息,若包含则登陆成功
4.若不包含,则调用 wx.getUserInfo,发送encryptedData,iv,token到后台,后台根据token找到用户openid解密encryptedData和iv获取用户其他信息
5.然后更新数据库,并返回用户信息

代码和判断逻辑如下

wx.login({
  success: function (r) {
    var code = r.code;//登录凭证
    if (code) {
      wx.request({
        url: config.getFullurl("/onLogin"),//自己的服务登陆接口地址
        method: 'POST',
        header: {
          'content-type': 'application/x-www-form-urlencoded'
        },
        data: {code: code },
        success: function (data) {
          //后台获取openid,根据openid到数据库中查找用户信息,若有则返回用户信息,若没有将该openid插入数据库,
          //后台生成token(可以是用户id和其他随机串组合的加密字符串),返回前台token,和用户信息
          //前台判断用户信息是否包含用户名称,用户城市。。。等信息,若包含则登陆成功
          if('存在'){
            //将用户信息存入全局变量或者缓存中,并展示或者跳转
          } else {//若不存在则调用wx.getUserInfo
            //2、调用获取用户信息接口
            wx.getUserInfo({
              success: function (res) {
                //console.log({ encryptedData: res.encryptedData, iv: res.iv, code: code})

                //3.请求自己的服务器,解密用户信息 获取unionId等加密信息
                wx.request({
                  url: config.getFullurl("/updateUserInfo"),//自己的服务更新用户接口地址
                  method: 'POST',
                  header: {
                    'content-type': 'application/x-www-form-urlencoded'
                  },
                  data: { encryptedData: res.encryptedData, iv: res.iv, token:'返回的token' },
                  success: function (data) {
                    //console.log(data);
                    //后台根据token找到用户openid解密encryptedData和iv获取用户其他信息
                    //4.解密成功后 获取自己服务器返回的结果
                    if (data.data.status == 200) {
                      //将用户信息存入全局变量或者缓存中,并展示或者跳转
                      
                    } else {
                      console.log('解密失败')
                    }

                  },
                  fail: function () {
                    console.log('系统错误')
                  }
                })
              },
              fail: function () {
                console.log('获取用户信息失败')
              }
            })

          }
        }
      })


    } else {
      console.log('获取用户登录态失败!' + r.errMsg)
    }

  }

})

 

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值