Home » Uncategorized » 微信小程序踩坑–设置cookie保持session

微信小程序踩坑–设置cookie保持session

由于每次wx.request()都会先经过微信服务端再到服务器端,所以每一次request都会创建一个新的session。并且微信小程序是没有cookie机制的,要维持会话需要自己来保存cookie,并且请求的时候加上带有sessionid的cookie。

客户端向服务端发起请求时,session信息是存放在cookie中以请求头的方式带回给服务端的,而请求头中具体的信息就是sessionid。服务器端通常会在response的header中加上Set-Cookie,以便浏览器在header中加上sessionid等信息。由于微信小程序没有cookie机制,所以需要人为地保存Set-Cookie的值,直接加到请求头中。

  1. wx.request({
  2. url: app.globalData.url+‘/user/login’, //login
  3. data: {
  4. id: objData.userId,
  5. password: objData.userPassword
  6. },
  7. header: { ‘Content-Type’: ‘application/x-www-form-urlencoded’ },
  8. method: ‘POST’,
  9. success: function (res) {
  10. if (res && res.header && res.header[‘Set-Cookie’]) {
  11. wx.setStorageSync(‘cookieKey’, res.header[‘Set-Cookie’]); //保存Cookie到Storage
  12. }
  13. }
  14. })
  1. let cookie = wx.getStorageSync(‘cookieKey’);//取出Cookie
  2. let header = { ‘Content-Type’: ‘application/x-www-form-urlencoded’};
  3. if (cookie) {
  4. header.Cookie = cookie;
  5. }
  6. console.log(cookie)

然后在wx.request()中请求头直接设置成这个header就行了,需要提一嘴的是,加入Set-Cookie之前的cookie并不直接设置为空,而是

let header = { 'Content-Type': 'application/x-www-form-urlencoded'};

这样能避免在POST请求中拿不到数据的情况发生。