uni-app 微信小程序登录流程详细过程

今天药忘吃喽~ 2022-12-20 15:59 268阅读 0赞

https://blog.csdn.net/abcwanglinyong/article/details/80267901

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQwMDAzOA_size_16_color_FFFFFF_t_70_pic_center]

doLogin:function(callback = () =>{}){
    let that = this;
    wx.login({
      success:function(loginRes){
        if(loginRes){
          //获取用户信息
          wx.getUserInfo({
            withCredentials:true,//非必填  默认为true
            success:function(infoRes){
              console.log(infoRes,'>>>');
              //请求服务端的登录接口
              wx.request({
                url: api.loginUrl,
                data:{
                  code:loginRes.code,//临时登录凭证
                  rawData:infoRes.rawData,//用户非敏感信息
                  signature:infoRes.signature,//签名
                  encrypteData:infoRes.encryptedData,//用户敏感信息
                  iv:infoRes.iv//解密算法的向量
                },
                success:function(res){
                  console.log('login success');
                  res = res.data;
                  if(res.result==0){
                    that.globalData.userInfo = res.userInfo;
                    wx.setStorageSync('userInfo',JSON.stringify(res.userInfo));
                    wx.setStorageSync('loginFlag',res.skey);
                    console.log("skey="+res.skey);
                    callback();
                  }else{
                    that.showInfo('res.errmsg');
                  }
                },
                fail:function(error){
                  //调用服务端登录接口失败
                 // that.showInfo('调用接口失败');
                  console.log(error);
                }
              });
            }
          });
        }else{
     
        }
      }
    });
    }

微信小程序端发起登录请求，携带的参数主要有：

code:loginRes.code,//临时登录凭证
    rawData:infoRes.rawData,//用户非敏感信息
    signature:infoRes.signature,//签名
    encrypteData:infoRes.encryptedData,//用户敏感信息
    iv:infoRes.iv//解密算法的向量

需要的数据主要有：

result、userInfo和skey  
result用来判断是否登录成功，userInfo是用户的一些信息，保存在缓存中，不用每次都从后台获取，skey是用户登录态标识，也放在缓存中，如果skey存在就直接登录，维护用户的登录状态，具有时效性

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjQwMDAzOA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/58538ddfd97c48819c7d7053a979996c.png