快捷導(dǎo)航

微信小程序后端無法保持session的原因及解決辦法問題

更新時(shí)間：2020年03月20日 11:19:50 作者：minjor

這篇文章主要介紹了微信小程序后端無法保持session的原因及解決辦法問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

之前未接觸過微信小程序項(xiàng)目，在使用jQuery庫(kù)的ajax中很正常，服務(wù)器也能保持會(huì)話狀態(tài)。在使用wx.request中發(fā)現(xiàn)會(huì)話一直不能保持，一開始以為是服務(wù)器php.ini配置錯(cuò)誤，

在代碼中加入session_start()或者開啟session.auto_start()
確認(rèn)session.save_path配置正確且有讀寫權(quán)限

的情況下仍無效果。以上方法確實(shí)可以解決大多數(shù)情況下的頁面刷新session無法保持問題。

但是在設(shè)置之后都沒有效果。

最后發(fā)現(xiàn)，原來是jQuery的ajax(應(yīng)該是瀏覽器)會(huì)自動(dòng)維護(hù)cookie，而wx.request不會(huì)。
這涉及到session與cookie的關(guān)系及保存機(jī)制的問題。

首先，cookie是保存在客戶端的信息，而session是保存在服務(wù)器的信息。

那服務(wù)器如何識(shí)別單獨(dú)用戶的session，在一次連接下，如何判別該用戶是屬于哪一個(gè)session。
機(jī)制是，服務(wù)器生成一個(gè)sessionid辨別用戶，并在相應(yīng)中的cookie帶上該sessionid值。在用戶下一次請(qǐng)求時(shí)，請(qǐng)求頭中cookie理應(yīng)也帶上該sessionid，以便服務(wù)器辨別用戶會(huì)話。其中辨別機(jī)制和session存儲(chǔ)機(jī)制涉及到序列和反序列化，在session.save_path中，為每一個(gè)session單獨(dú)創(chuàng)建一個(gè)文件，文件名為sessionid，內(nèi)容則是此次會(huì)話保存的session。

而wx.request并不會(huì)在請(qǐng)求中帶上cookie，所以導(dǎo)致每次請(qǐng)求都被服務(wù)器分配一個(gè)新的sessionid，造成會(huì)話不能保持的后果。

解決辦法

應(yīng)在wx.request中帶上該sessionid，或者重新封裝wx.request。

2019/9/27更新：
自己維護(hù)一個(gè)header，在wx.request中保存和發(fā)送Cookie。
首先在app.js中存儲(chǔ)一個(gè)全局變量，存放header。

globalData: {
  header: {
   "content-type": "application/x-www-form-urlencoded",
   'Cookie': ''
  }
 }

然后在每一次wx.request中的請(qǐng)求參數(shù)中帶上該header。
在每一次響應(yīng)中檢測(cè)并保存Cookie到header。

wx.request({
   url: 'http://localhost/loginDemo/server/loginTest.php',
   //帶上請(qǐng)求頭
   header: getApp().globalData.header,
   method: 'POST',
   data: {
    action: "login",
    user: that.data.userInfo.nickName
   },
   success: function(res){
    console.log(res)
    //dosometing...
    //判斷后端響應(yīng)中有沒有set-cookie值，有即是后端需要設(shè)置cookie，在此例中后端設(shè)置session id
    if (res.header["Set-Cookie"] != null) {
     //設(shè)置cookie
     getApp().globalData.header["Cookie"] += res.header["Set-Cookie"]
    }
   },
   fail: function (res) {
    console.log(res)
    wx.showToast({
     title: '連接服務(wù)器失敗',
     icon: "none"
    })
   }
  })

測(cè)試