微信小程序开发-服务端session值取不到;小程序res.header['Set-Cookie']隐藏的坑

微信小程序开发-服务端session值取不到;小程序res.header['Set-Cookie']隐藏的坑,第1张

问题:本地服纤猛碰务器存取session没有问题。通过小程序知氏,比如发验证码,服务器端将验证码存为session。校验验证码的时候重新取session,提示session值不存在。

根源:微信小程序不能保存Cookie,导致每次wx.request到服务端都会创建一个新的会话,从而当前会话不再是之前存验证码的那个会话,自然也就取不到session值了。

解决方法:(由于本人很懒,直接参考、引用大神的文章,文末有原文链接,原文板块比较好看一点。我这里重点在于记录微信小程序的另一个坑。)

普通的Web开发,都是把sessionid保存在cookie中传递的。

不管是java还是php,服务端的会在response的header中加上Set-Cookie

例如:

浏览器的请求也会在header中加上

例如:

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

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

具体 *** 作如下:

1.把服务端response的Set-Cookie中的值保存到Storage中

2.wx.request再从Storage中取出Cookie,封装到header中

我在这里还遇到了另外一个问题,当服务器响应多个Set-Cookie时,小程序通过wx.request 回调取res.header['Set-Cookie']所取到的Set-Cookie值是把它们用逗号拼接在一起,从而产生的错误的Cookie,这样请求后台的时候还是取不到相应的session。而真正需要的毁谈是用分号拼接多个Set-Cookie值。例如:

服务器响应:

小程序通过res.header['Set-Cookie']取到的Set-Cookie值却是:

而真正正确的值应该是smallapp与session_name之间用分号隔开而不是逗号:

但坑终究是坑,寄人篱下,有坑也只得我们自己填。

填坑方法:在步骤2中的if判断中,自己重新拆分Storage中取出的Cookie,整理成后端需要的规范的cookie。再赋值给header.Cookie。

这个问题暂时没找到其他解决方案,也请知道的朋友指点一下。

原文引用: 微信小程序开发-保存服务端sessionid的方法

链接:https://www.jianshu.com/p/5c928e0df024【点击了解更多加盟项目】

        getQueryVariable: function (variable) {

            var query = 旅衡window.location.search.substring(1)

            var vars = query.split("&")

            for (var i=0i<vars.lengthi++) {

                var pair = vars[i].split("=")

                if(pair[0] == variable){return pair[1]}

            }

        御镇尘镇禅    return ''

        }

正常按url的参数提取就行了

注意,这里的session不是小程序维护的那个通过wx.login()方法维护的session,而是我们自己的服务端的session。

由于正常情况下,客户端向服务端发起请求时,session信息是存放在cookie中以请求败含头的方式带回给服务端的,而请求头中具体的信息就是session的id,如下图所示

标红的就是我们需要在请求时携带返回给服务端的请求头 所以我们需要的就是这个JESSIONID的值了。刚好,微信小程序也提供了对请求头的支持。

解决办法:1、在用户登录时,服务端将用户的sessionId返回。

2、小程序保存sessionId,在之后的每次请求中在请求头中携带sessionId

服务端关键代码:

获取sessionId的方法,只要获得request对象就可以轻松获取到了

Sting sessionId = request.getSession().getId()

把sessionId返回

...    //登录时的业务代码response.getWriter.write(sessionId)//把sessionId返回给前台

小程序端登录后,把sessionId存入全局变量,app.js中是个存放全局变量的毁枯蔽好地方。

... //登录后的逻辑处理

getApp().globalData.header.Cookie = 'JSESSIONID=' + _data.sessionId

app.js中代码

globalData:{

header:{'Cookie': ''} //这里还可以纤州加入其它需要的请求头,比如'x-requested-with': 'XMLHttpRequest'表示ajax提交,微信的请求时不会带上这个的

},

小程序端请求时带上sessionId

var header = getApp().globalData.header//获取app.js中的请求头

 wx.request({

   url: "localhost:8080/xx/xx",

   header: header, //请求时带上这个请求头

   success:function(res){

}

}

建议封装自己的请求信息,处理 一些通用的逻辑。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12230580.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-22
下一篇2023-05-22

发表评论

登录后才能评论

评论列表(0条)

    保存