已完结小说排行榜_Spring Boot Ext JS準前后端框架應用的會(huì )話(huà)（Session）處理| 成都西華升騰科技有限公司

Ext JS開(kāi)發(fā)大全

CmsWing

Spring Boot Ext JS準前后端框架應用的會(huì )話(huà)（Session）處理

## Spring Boot+Ext JS準前后端框架應用的會(huì )話(huà)（Session）處理
### 準前后端分離的Session機制
Spring Boot + Ext JS的準前后端分離架構，Cmd 使用JSP作為模板文件進(jìn)行Build， 通過(guò)JSP 的Session對象進(jìn)行前后端連接的控制。
JSP 的Session機制大致是，在瀏覽器訪(fǎng)問(wèn)服務(wù)端的時(shí)候，服務(wù)端對針對此客戶(hù)端創(chuàng  )建一個(gè)Session對象，此Session對象中可以存儲前端驗證通過(guò)的用戶(hù)相關(guān)信息，服務(wù)器將Session的ID發(fā)送個(gè)瀏覽器，瀏覽器保存該ID，在每次訪(fǎng)問(wèn)服務(wù)端的時(shí)候都會(huì )帶上此ID。有幾種狀況，該Session會(huì )失效：
服務(wù)端原因：超過(guò)后端設置的Session超時(shí)時(shí)間設置，瀏覽器端再使用該Session ID就會(huì )認為是無(wú)效。 Session的超時(shí)設置可以在應用服務(wù)器或是應用的配置文件中進(jìn)行設置。
客戶(hù)端原因： 在瀏覽器端清除了該Session ID，再此訪(fǎng)問(wèn)時(shí)從服務(wù)端獲取的就是一個(gè)新的Session 對象的ID，這個(gè)Session對象沒(méi)有用戶(hù)相關(guān)信息，除非重新登錄。
### Session失效的場(chǎng)景
需要和服務(wù)端交互才能知道是否超時(shí)，如果僅僅是前端視圖的切換，不調用后端服務(wù)，則無(wú)法感知Session已經(jīng)失效。所以在典型的Ext JS應用中，會(huì )出現Session失效的場(chǎng)景有：
網(wǎng)格的數據的更新：Grid中的Store的更新，Store的load()方法被調用。
按鈕的點(diǎn)擊操作。一般而言，點(diǎn)擊某個(gè)按鈕，會(huì )通過(guò)Ajax調用后端的服務(wù)。
View Model模式的數據更新
### Session失效的解決
Session失效的典型處理就是彈出用戶(hù)名/密碼輸入框，調用后端異步登錄方法登錄。
后端處理
但后端Session失效時(shí)，后端無(wú)法通過(guò)前端的Session ID從對應的Session對象中獲取用戶(hù)信息， 后端統一拋出Session超時(shí)的返回即可，比如以下返回。
```javascript
{  success:false, code:401, msg:'Session Time out'}
```
HTTP的401 代表是用戶(hù)對某資源沒(méi)有訪(fǎng)問(wèn)權限，可以借用這個(gè)返回碼定義應用的Session和認證相關(guān)的錯誤，也可以新增加一碼，比如：
4010 代表沒(méi)有登錄
4011 用戶(hù)名密碼錯誤
4012 Session超時(shí)
### 前端處理
針對Grid的更新和Ajax的請求時(shí)Session的失效狀況：
Grid中數據的更新，其實(shí)是對應Store的重新加載，在定義該Store時(shí)，可以通過(guò)該Store的Proxy進(jìn)行設置，添加Proxy的exception的事件的處理，在該事件對應的函數中，如果返回的是Session Timeout的返回， 則彈出用戶(hù)名/密碼輸入框進(jìn)行輸入。
Ajax呼叫則通過(guò)返回的響應判讀是否是Session Timeout的返回，如是則彈出用戶(hù)名/密碼輸入框進(jìn)行輸入。
ViewModel的處理和Ajax類(lèi)似， 同樣是判斷返回。
### 是否回調
重新輸入用戶(hù)名/密碼之后，有的操作需要登錄后自動(dòng)調用之前未成功執行的，需要自動(dòng)執行，比如Grid的更新；有的操作則提示用戶(hù)重新點(diǎn)擊執行，比如點(diǎn)擊按鈕的操作。
因為Store和Ajax都是異步呼叫，所以某一時(shí)刻可能有多個(gè)操作觸發(fā)了重新登錄，而登錄框只能是最早觸發(fā)的那個(gè)彈出，后面的不需要彈出多個(gè)用戶(hù)/密碼輸入框。比如：Session超時(shí)時(shí)同時(shí)觸發(fā)了三個(gè)動(dòng)作，則第一個(gè)偵測的動(dòng)作彈出對話(huà)框，后面兩個(gè)不需要彈出， 但是，但是，這個(gè)兩個(gè)操作可能需要回調。所以，需要回調的部分需要放入一個(gè)隊列中，當成功登錄后，這個(gè)隊列中需要回調的方法依次執行。
### 主要代碼示例片段
Store的處理
getProxyCfg:function(url,store,method,contentType,paramsAsJson){
var proxyCfg = {
type : 'ajax',
url : url,
actionMethods:{
read : method!=null?method:'GET'
},
reader: {
type: 'json',
rootProperty: 'datas'
},listeners:{
exception:function(
thisProxy, response, operation, eOpts ){
var obj = Ext.decode(response.responseText);
if(obj.code!=null&&obj.code.length>3&&obj.code.substr(0,3)=="401"){
if(store.lastOptions!=null&&store.lastOptions.callback!=null&&typeof(store.lastOptions.callback)=='function')
{
var callbackFunc = store.lastOptions.callback;
Ext.getApplication().getController("main").login(obj.msg,function(){store.load(callbackFunc)});
}else{
Ext.getApplication().getController("main").login(obj.msg,function(){store.load()});            
}           
}           
}            
}
};

Ajax呼叫共用方法
```javascript
callServiceWithSesChkAndResp:function(url, method, paramObj, callbackFunc, isJsonParam,moreParamObj,iCount){
var me = this;		if(iCount==null) iCount = 1;
var requestCfg = {
url : url,
method : method,
// params : paramObj,
success : function(response, opts) {
if(me.isSessionInvalidResponse(response)){
var obj = Ext.decode(response.responseText);
Ext.getApplication().getController("main").login(obj.msg,function(){
me.callServiceWithSesChkAndResp(url, method, paramObj, callbackFunc, isJsonParam,moreParamObj,iCount++);
});
}else{
if (obj != null && obj.success != null && obj.success == false) {
Ext.Msg.alert('Fail', obj.msg);
}else{
if (callbackFunc != null && typeof (callbackFunc) === "function") {
callbackFunc(response);
}
}
}
},
failure : function(response, opts) {
console.log('server-side failure with status code ' + response.status);
}
};
if (paramObj != null) {
if (isJsonParam != null && isJsonParam === true) {
requestCfg.jsonData = paramObj;
} else {
requestCfg.params = paramObj;
}
}
Ext.Ajax.request(requestCfg);
}
```

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

Ext JS開(kāi)發(fā)大全

Spring Boot Ext JS準前后端框架應用的會(huì )話(huà)（Session）處理

網(wǎng)站導航