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

2020-03-21 15:25:53

字体：大中小

来源：转载

供稿：网友

问题

由于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);   }  }) }})

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

上一篇：微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析

下一篇：微信小程序之数据绑定原理解析