折翼天使资源社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 76|回复: 0

[文档教程] 微信小程序开发-保存服务端sessionid的方法

[复制链接]

7860

主题

8261

帖子

284

积分

网站编辑

Rank: 8Rank: 8

天使之心
0
注册时间
2013-8-22
发表于 2018-11-23 11:22:32 | 显示全部楼层 |阅读模式
普通的Web开发,都是把sessionid保存在cookie中传递的。

不管是java还是php,服务端的会在response的header中加上Set-Cookie。
  1. Response Headers
  2. Content-Type:application/json;charset=UTF-8
  3. Date:Mon, 02 Apr 2018 16:02:42 GMT
  4. Set-Cookie:JSESSIONID=781C7F500DFA24D663BA243A4D9044BC;path=/yht;HttpOnly
复制代码
复制代码
浏览器的请求也会在header中加上
  1. Request Headers
  2. Accept:*/*
  3. Accept-Encoding:gzip, deflate, br
  4. Accept-Language:zh-CN,zh;q=0.8
  5. Cache-Control:no-cache
  6. Connection:keep-alive
  7. Content-Length:564
  8. content-type:application/json
  9. Cookie:JSESSIONID=781C7F500DFA24D663BA243A4D9044BC;path=/yht;HttpOnly
复制代码
复制代码
通过这个sessionid就能使浏览器端和服务端保持会话,使浏览器端保持登录状态

但是,微信小程序不能保存Cookie,导致每次wx.request到服务端都会创建一个新的会话,小程序端就不能保持登录状态了

一个比较简单的办法就是在小程序端把cookie保存到storage里,后续请求的时候再读storage,把cookie添加到请求头里,这样做的好处就是,服务端不用做任何改动
具体操作如下:

把服务端response的Set-Cookie中的值保存到Storage中
  1. wx.request({
  2. url: path,
  3. method:method,
  4. header: header,
  5. data:data,
  6. success:function(res){
  7. if(res && res.header && res.header['Set-Cookie']){
  8. wx.setStorageSync('cookieKey', res.header['Set-Cookie']);//保存Cookie到Storage
  9. }
  10. },
  11. fail:fail
  12. })
复制代码
复制代码
wx.request再从Storage中取出Cookie,封装到header中
  1. let cookie = wx.getStorageSync('cookieKey');
  2. let path=conf.baseurl+url;
  3. let header = { };
  4. if(cookie){
  5. header.Cookie=cookie;
  6. }
  7. wx.request({
  8. url: path,
  9. method:method,
  10. header: header,
  11. data:data,
  12. success:success,
  13. fail:fail
  14. })
复制代码
复制代码