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

问题：本地服务器存取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【点击了解更多加盟项目】

首先,要判断当前用户的微信版本以及是安卓还是iOS,要调用方法wx.getSystemInfo()

官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/system/system-info/wx.getSystemInfo.html

wx.getSystemInfo({

success:function(res) {

}

})

在获取成功的success方法中,res中包含相关信息,接下来就是做判断:

1.微信版本判断方法

compareVersion(v1, v2) {

    v1 = v1.split('.')

    v2 = v2.split('.')

    var len = Math.max(v1.length, v2.length)

    while(v1.length <len) {

      v1.push('0')

    }

    while(v2.length <len) {

      v2.push('0')

    }

    for(var i = 0i<leni++) {

    var num1 = parseInt(v1[i])

    var num2 = parseInt(v2[i])

      if (num1 >num2) {

        return 1

      } else if (num1 <num2) {

        return -1

      }

    }

    return 0

  },

微信版本判断非常重要,涉及到版本兼容性.更关乎整个小程序的功能完整性.

2. *** 作系统判断

res.system.indexOf('iOS') >-1 是iOS

res.system.indexOf('android') >-1 是安卓

可根据手机 *** 作系统不同实现特殊的功能.

1、首先可以长按复制，适合自由选择。只需在text标签加一个selectable='true'即可。

2、全部复制，首先要获取到需要的内容。wx.setClipboardData({data: '百度你最棒',success: function (res) {wx.getClipboardData({success: function (res) {console.log(res.data) // data}。

3、然后用复制函数来复制刚才的内容，wx.getClipboardData({success: function (res) {console.log(res.data)} })。

4、还可以在wxml代码框里写下如下代码：<view>内容：{{contents}} </view><view  bindtap='copyText' data-text="{{contents}}">复制</view>。

5、在 js代码框里写下如下代码。

6、然后编译通过后，在需要复制文字的页面长按复制字体，就看到复制成功字体了。

---