问题
多次发送请求到服务器,竟然发现每次请求的session对象都是新的。
原因
微信小程序不支持Cookie(如果你觉得这句很傻,劳烦再往下看一句)
会话原理(问题的原因的原因)
我之前以为Cookie和服务端的session关系并不大(Cookie用来在浏览器里记录用户信息,Session用来在服务器里记录用户信息),但是实际上如果深究一下session的原理的话,就会发现……
不严谨,但是有启发性的流程
- 当请求到达服务端之后,服务端产生一个session对象,这个对象有个id叫sessionId
- 响应时(请求返回时),这个sessionId会被放在response的header里,传到客户端(浏览器)
- 再次发请求时,客户端(浏览器)会把sessionId放在request的header里,再发给服务器
- 服务器再次收到请求时,根据request的header里的sessionId取出session对象
这就是同一终端“多次请求共享一个session对象”的原理。
有一个问题是,在浏览器里,是谁,把服务端的sessionId存起来,并且在下次请求时,把sessionId放到header里,以便浏览器使用?
其实是Cookie,那么不支持Cookie的小程序,会话就……
解决方案
其实,了解了会话的原理,就知道会话其实是很简单的东西,在浏览器里,cookie帮我们把sessionId从response里取出,放到request里,在微信小程序里,我们完全可以手动完成这个操作。
Page({
data: {
},
onLoad: function(options){
//页面加载时发一次请求,先把sessionId搞到手,放到一个全局可以访问的地方,后面在发请求时就可以拿来用了,其实这个步骤更适合放在app.js的onLaunch里
wx.request({
url: 'http://localhost:8088/test/hi',
success: function(res){
console.log(res);
getApp().gData.sessionId=res.header['Set-Cookie'];//记录sessionId,由于命名规则的限制,取sessionId的时候,用这种方式
//其他操作
}
})
},
request: function(){
wx.request({
url: 'http://localhost:8088/test/hi',
header:{
Cookie: getApp().gData.sessionId
},
success: function(res){
//……
}
})
}
})
<button bindtap="request">点我发请求</button>
注意点:我后端用的springboot,如果不对session进行任何操作的话,是不会返回sessionId的,于是,我从request里取出session,随便设了个属性(setAttribute),就ok了。为了去除知识的耦合性,后端代码就不贴了。