為什麼要放棄 JSP ？

雲栖号資訊：【 點選檢視更多行業資訊

】

在這裡您可以找到不同行業的第一手的上雲資訊，還在等什麼，快來！

前言

以前的項目大多數都是Java程式猿又當爹又當媽，既搞前，又搞後端。

随着時代的發展，漸漸的許多大中小公司開始把前後端的界限分的越來越明确，前端工程師隻負責前端的事情，後端工程師隻管後端的事情。正所謂術業有專攻，一個人如果什麼都會，那麼每一樣都很難達到精通。

大中型公司需要專業人才，小公司需要全才，但是對于個人職業發展來說，我建議是分開。你要是這輩子就吃 Java 這碗飯，就不要去研究什麼 css，js 等等。

把你的精力專注在 Java，JVM 原理，Spring原理，mysql鎖，事務，多線程，大并發，分布式架構，微服務，以及相關的項目管理等等，這樣你的核心競争力才會越來越高，正所謂你往生活中投入什麼，生活就會回報給你什麼。

曾幾何時

我們的Java Web項目都是使用了若幹背景架構進行開發，Spring、Spring MVC、MyBatis、Hibernate等等。

而且大多數項目在Java後端都是分了三層，控制層、業務層、持久層。控制層負責接收參數，調用相關業務層，封裝資料，以及路由到JSP頁面。然後Jsp頁面上使用各種标簽（jstl/el）表達式将背景的資料展現出來。

我們先看上述這種情況，需求定完了，代碼寫完了，測試測完了，然後釋出：

你需要用maven或者eclipse等工具把你的代碼打成一個war包，然後把這個war包釋出到你的生産環境下的Web容器裡，釋出完了之後，你要啟動你的Web容器，開始提供服務，這時候你通過配置域名，dns等等相關，你的網站就可以通路了。

那我們來看，你的前後端代碼是不是全都在那個war包裡？包括你的js，css，圖檔，各種第三方的庫，對吧？

好，下面在浏覽器中輸入你的網站域名：www.xxx.com，之後發生了什麼？

浏覽器在通過ip路由到你的服務，在tcp3次握手之後，通過tcp協定開始通路你的Web伺服器，你的Web伺服器得到請求後，開始提供服務，接收請求，之後通過response傳回你的應答給浏覽器。

我們先假設你的首頁中有100張圖檔，以及一個單表的查詢，此時，使用者的看似一次http請求，其實并不是一次，使用者在第一次通路的時候，浏覽器中不會有緩存，你的100張圖檔，浏覽器要連着請求100次http請求（有人會跟我說http長鍊短鍊的問題，不在這裡讨論），你的Web伺服器接收這些請求，都需要耗費記憶體去建立socket來玩tcp傳輸。

重點來了，這樣的話，你的Web伺服器的壓力會非常大，因為頁面中的所有請求都是隻請求到你這台伺服器上，如果1個人還好，如果10000個人并發通路呢（先不聊web伺服器叢集，這裡就說是單執行個體Web伺服器），那你的伺服器能扛住多少個tcp連結？你的伺服器的記憶體有多大？你能抗住多少IO？你給web伺服器分的記憶體有多大？會不會當機？

這就是為什麼，越是大中型的Web應用，他們越是要解耦。

理論上你可以把你的資料庫+應用服務+消息隊列+緩存+使用者上傳的檔案+日志+等等都扔在一台主機上，但是這樣就好像是你把雞蛋都放在一個籃子裡，隐患非常大。

正常的分布式架構，是都要拆開的，你的應用伺服器叢集（前，後）+檔案伺服器叢集+資料庫伺服器叢集+消息隊列叢集+緩存叢集等等。

步入正題

下面步入正題，首先以後的 Java web項目都盡量要避免使用JSP，要搞前背景解耦，玩分布式架構，這樣我們的應用架構才更強。

使用 JSP 的痛點：

1.動态資源和靜态資源全部耦合在一起，無法做到真正的動靜分離。伺服器壓力大，因為伺服器會收到各種http請求，例如css的http請求、js的、圖檔的、動态代碼的等等。一旦伺服器出現狀況，前背景一起玩完，使用者體驗極差。

2.前端工程師做好html後，需要由Java工程師來将html修改成jsp頁面，出錯率較高（因為頁面中經常會出現大量的js代碼），修改問題時需要雙方協同開發，效率低下。

3.JSP 必須要在支援Sava的Web伺服器裡運作（例如tomcat等），無法使用nginx等（nginx據說單執行個體http并發高達5w，這個優勢要用上），性能提不上來。

4.第一次請JSP，必須要在web伺服器中編譯成servlet，第一次運作會較慢。

5.每次請求JSP都是通路Servlet再用輸出流輸出的html頁面，效率沒有直接使用html高。

6.JSP 内有較多标簽和表達式，前端工程師在修改頁面時會捉襟見肘，遇到很多痛點。

7.如果JSP中的内容很多，頁面響應會很慢，因為是同步加載。

基于上述的一些痛點，我們應該把整個項目的開發權重往前移，實作前後端真正的解耦！

老的方式：

1.用戶端請求

2.服務端的servlet或controller接收請求（路由規則由後端制定，整個項目開發的權重大部分在後端）

3.調用service,dao代碼完成業務邏輯

4.傳回JSP

5.jsp展現一些動态的代碼

新的方式：

1.浏覽器發送請求

2.直接到達html頁面（路由規則由前端制定，整個項目開發的權重前移）

3.html頁面負責調用服務端接口産生資料（通過ajax等等）

4.填充html，展現動态效果。

有興趣的童鞋可以通路一下阿裡巴巴等大型網站，然後按一下F12，監控一下你重新整理一次頁面，他的http是怎麼玩的，大多數都是單獨請求背景資料，使用 json傳輸資料，而不是一個大而全的http請求把整個頁面包括動+靜全部傳回過來

這樣做的好處是：

1.可以實作真正的前後端解耦，前端伺服器使用nginx。

前端伺服器放的是css，js，圖檔等等一系列靜态資源。甚至你還可以css，js，圖檔等資源放到特定的檔案伺服器，例如阿裡雲的oss，并使用cdn加速，前端伺服器負責控制頁面引用，跳轉，調用後端的接口，後端伺服器使用tomcat。

這裡需要使用一些前端工程化的架構比如nodejs，react，router，react，redux，webpack

2.發現bug，可以快速定位是誰的問題，不會出現互相踢皮球的現象。

頁面邏輯，跳轉錯誤，浏覽器相容性問題，腳本錯誤，頁面樣式等問題，全部由前端工程師來負責。

接口資料出錯，資料沒有送出成功，應答逾時等問題，全部由後端工程師來解決。

雙方互不幹擾，前端與後端是相親相愛的一家人。

3.在大并發情況下，我可以同時水準擴充前後端伺服器，比如淘寶的一個首頁就需要2000台前端伺服器做叢集來抗住日均多少億+的日均pv。

去參加阿裡的技術峰會，聽他們說他們的web容器都是自己寫的，就算他單執行個體抗10萬http并發，2000台是2億http并發，并且他們還可以根據預知洪峰來無限拓展，很恐怖，就一個首頁。

4.減少後端伺服器的并發壓力，除了接口以外的其他所有http請求全部轉移到前端nginx上。

5.即使後端服務暫時逾時或者當機了，前端頁面也會正常通路，隻不過資料刷不出來而已。

6.也許你也需要有微信相關的輕應用，那樣你的接口完全可以共用，如果也有app相關的服務，那麼隻要通過一些代碼重構，也可以大量複用接口，提升效率。

7.頁面顯示的東西再多也不怕，因為是異步加載。

注意：

1.在開需求會議的時候，前後端工程師必須全部參加，并且需要制定好接口文檔，後端工程師要寫好測試用例，不要讓前端工程師充當你的組專職測試，推薦使用

chrome的插件postman，service層的測試用例拿junit寫。

2.上述的接口并不是java裡的interface，說白了調用接口就是調用你controler裡的方法。

3.加重了前端團隊的工作量，減輕了後端團隊的工作量，提高了性能和可擴充性。

4.我們需要一些前端的架構來解決類似于頁面嵌套，分頁，頁面跳轉控制等功能。（上面提到的那些前端架構）。

5.如果你的項目很小，或者是一個單純的内網項目，那你大可放心，不用任何架構而言，但是如果你的項目是外網項目，呵呵哒。

6.以前還有人在使用類似于velocity/freemarker等模闆架構來生成靜态頁面，現在這種做法也被淘汰掉了。

7.這篇文章主要的目的是說JSP在大型外網Java web項目中被淘汰掉，可沒說JSP可以完全不學，對于一些學生朋友來說，servlet等相關的Java web基礎還是要掌握牢的，不然你以為Spring MVC這種架構是基于什麼來寫的？

【雲栖号線上課堂】每天都有産品技術專家分享！

課程位址：

https://yqh.aliyun.com/zhibo

立即加入社群，與專家面對面，及時了解課程最新動态！

【雲栖号線上課堂 社群】

https://c.tb.cn/F3.Z8gvnK

原文釋出時間：2020-05-10

本文作者：網際網路架構師

本文來自：“

網際網路架構師 微信公衆号

”，了解相關資訊可以關注“

網際網路架構師

”