經過共享文件夾來進行先後端獨立開發

最近在快速開發一個後臺系統，前端使用了bootstrap和angular搭建，後端使用Java，因爲前端採用的是單頁富應用的Web App的構建方式，因此不適合作JSP頁面，最後採用了【前端+ajax+後臺】的先後端獨立開發模式。

但這種開發模式，最大的問題是，ajax調用的跨域問題。跨域將帶來不少問題，一方面服務器和瀏覽器不容許跨域調用，另外一方面就算服務器端設置了可跨域調用，每一次跨域的ajax調用都會產生一個新的SESSIONID，沒法保存會話狀態。

因此，前端後獨立開發最關鍵問題是解決跨域ajax調用後臺接口的問題。這裏主要分爲兩類處理方式：

一類：堅持跨域調用，採起跨域解決方法。詳情可參考JavaScript多種跨域方式

一類：把跨域改成同域，這時調用接口將沒有任何壓力

本文介紹的是採起第二種方式——把跨域改成同域！

##具體操做步驟

先後端獨立開發，分別對應兩臺電腦，鏈接着相同的局域網。

在後端創建一個共享文件夾，而後在JSP工程裏設置該目錄對應一個開發的URL，好比：http://10.0.0.116:8040/jobnow-managementsite/。

而後前端把前端文件放到該目錄下，打開瀏覽器，訪問 http://10.0.0.116:8040/jobnow-managementsite/index.html 便可進行開發！

這時調用的ajax的URL也是http://10.0.0.116:8040/的域名，故沒有跨域的煩惱了！

##前端開發須要注意點

這種方式把代碼都放到了後臺開發人員的電腦中了，前端開發者須要注意：

• 不要手動上傳代碼到共享文件夾。一來這樣很是低效，二來容易出錯。建議利用fis3等前端構建工具編譯併發布代碼傳到共享文件夾
• 在開始聯調接口以前，前端最好把靜態頁面都重構完成了
• 由於要後臺開發人員開着服務器讓前端來調試，因此能調試接口時就不要糾結純前端的問題

最後，除了用共享文件夾的方法，還能夠用遠程服務器等方式，總之把調試地址和調用接口處於同域來進行開發。