1、web應(yīng)用程序的運(yùn)行原理

web應(yīng)用程序是基于瀏覽器/服務(wù)器的應(yīng)用程序。瀏覽器用于顯示數(shù)據(jù)，和用戶產(chǎn)生交互，其作用就相當(dāng)于電腦的顯示器。服務(wù)器用于處理瀏覽器的請(qǐng)求，并把結(jié)果數(shù)據(jù)組織成瀏覽器可以識(shí)別的格式返回。所以，它的作用就相當(dāng)于電腦的主機(jī)。顯然，一個(gè)很大的區(qū)別是，主機(jī)和顯示屏是一對(duì)一的，而服務(wù)器和瀏覽器卻可以是一對(duì)多的。在廣域網(wǎng)中，一個(gè)服務(wù)器可以給數(shù)以百萬計(jì)的瀏覽器提供服務(wù)。

2、Web服務(wù)器匯總

Web服務(wù)器用來接收瀏覽器請(qǐng)求、處理請(qǐng)求、把結(jié)果數(shù)據(jù)組織成特定的格式，然后返回到瀏覽器顯示。常見的Web服務(wù)器有如下幾種：Tomcat，IBM WebSphere，WebLogic，Microsoft IIS

3、Web服務(wù)器和應(yīng)用服務(wù)器

Web服務(wù)器用來處理HTTP請(qǐng)求，并返回HTTP數(shù)據(jù)。它主要用來和瀏覽器交互，給用戶提供服務(wù)。應(yīng)用程序服務(wù)器可以被Web服務(wù)器去調(diào)用，進(jìn)行業(yè)務(wù)邏輯的處理工作。例如EJB服務(wù)器，它返回的數(shù)據(jù)被Web服務(wù)器組織為HTML格式，然后返回到瀏覽器去解析。

前后端同時(shí)開發(fā)怎么定義接口？

一般有兩種方式，

1、為每個(gè)邏輯都定義單獨(dú)接口（適用于對(duì)外接口，專口專用不出錯(cuò)）

2、定義一個(gè)通用接口，通過參數(shù)中的id區(qū)分業(yè)務(wù)邏輯函數(shù)（適用于公司內(nèi)部項(xiàng)目，一口多用方便靈活）

我的做法是先畫一個(gè)前端和后端交互的時(shí)序圖，把前后端之間的通訊邏輯理清楚，然后根據(jù)具體每一步的執(zhí)行順序邏輯去定義接口，

如下圖是用戶登錄系統(tǒng)的時(shí)序圖，

圖中，app和后臺(tái)之間有兩個(gè)箭頭，由此我們可以知道，前端app和后端服務(wù)器之間兩個(gè)接口：

1、發(fā)送請(qǐng)求

2、返回登錄結(jié)果

登錄系統(tǒng)是最長(zhǎng)用的也是最基礎(chǔ)的系統(tǒng)，雖然簡(jiǎn)單卻也涵蓋了前端和后端交互的基本原理，另外圖中還標(biāo)明了，客戶端的頁(yè)面驗(yàn)證邏輯，和服務(wù)端的數(shù)據(jù)庫(kù)請(qǐng)求邏輯。

下圖是一張支付接口的時(shí)序圖

支付邏輯相對(duì)復(fù)雜一些，但有圖的幫助，接口會(huì)變得很清晰。

前后端數(shù)據(jù)交互頻繁，可以定義一個(gè)數(shù)據(jù)接口，然后通過數(shù)據(jù)中的id來區(qū)分要執(zhí)行的函數(shù)。這樣的好處是，接口一個(gè)就夠，靈活性高。同一個(gè)項(xiàng)目適用這種方式。不適合做對(duì)外的接口。

學(xué)習(xí)沒有先后，主要看你以后主要從事前端開發(fā)還是后端。如果后端開發(fā)，那就先學(xué)后端。如果是個(gè)人學(xué)習(xí)，先前端再后端，前端相對(duì)容易上手。