微信小程序 如何保持登录状态

微信(小程序)  /  管理员 发布于 2年前   672

问题

由于wx.request()发起的每次请求对于服务器来说都是不同的会话（wx.request()请求是先经过微信服务器再到达我们的服务器），这样会导致后续请求都相当于未登录的状态。

解决方案

将登陆时后端返回的session保存在本地，

然后将session存放在cookie中以请求头的方式带回给服务端

实现代码

1.请求登陆接口获取到header["Set-Cookie"]，并储存

//app.jsApp({ onLaunch() {  wx.login({ // 登录   // 发送 res.code 到后台换取 openId, sessionKey, unionId   success: res => {    wx.request({     url: 'api/login',     method: 'POST',     data: {      code: res.code     },     success(res) {      //必须先清除，否则res.header['Set-Cookie']会报错      wx.removeStorageSync('sessionid') ;      //储存res.header['Set-Cookie']      wx.setStorageSync("sessionid", res.header["Set-Cookie"]) ;     }    });   }  }); }})

2.后续接口将储存的sessionid放在cookie中以请求头的方式带回给服务端

//index.jsPage({ onLoad(options) {  wx.request({   url: api + '/list',   method: 'GET',   header: { //将sessionid放在cookie中以请求头的方式带回给服务端    'cookie': wx.getStorageSync("sessionid")   },   success(res) {    console.log(res);   }  }) }})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 使用watch在微信小程序中实现全局状态共享
• 详解小程序用户登录状态检查与更新实例
• 微信小程序获取用户信息并保存登录状态详解
• 微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
• 微信小程序获取手机网络状态的方法【附源码下载】
• 微信小程序 检查接口状态实例详解
• 微信小程序-详解微信登陆、微信支付、模板消息