鑒于很多人問過我這個問題，為此特意寫這篇文章议街。
通常泽谨，因為沒有后臺基礎，往往項目部署對于很多前端工程師來講既神秘特漩，又難以捉摸吧雹。
本文以我的開源博客sinn為例，為你梳理一個web應用是如何跑起來的涂身。
一雄卷，跑起一個web應用需要哪些準備
要跑起一個web應用，它通常需要以下幾樣東西：
- 服務器
- 編程語言環(huán)境
- 應用程序
- 應用依賴的工具
下面來說說它們各自的作用蛤售。
** 1丁鹉，首先說說web服務器 **
任何應用程序都是基于操作系統(tǒng)運行起來的，web應用也不例外悴能。
服務器通常包含了操作系統(tǒng)以及相關的服務揣钦，如網絡服務，IP服務等等漠酿。對于web應用來說拂盯，web服務器的主要作用在于為web應用程序的運行提供操作系統(tǒng)環(huán)境以及服務。
目前服務器按操作系統(tǒng)可分為兩大類记靡，一類是window服務器谈竿，二是linux服務器团驱。很顯然，window服務器自帶了window操作系統(tǒng)空凸，linux服務器自帶了linxu操作系統(tǒng)嚎花。
其中l(wèi)inux服務器應用最為廣泛，而linux服務器的操作系統(tǒng)有好幾種呀洲，主要有RHEL紊选、CentOS、Debian道逗、Ubuntu兵罢、Suse。其中用的最多的莫過于ubuntu和centos系統(tǒng)滓窍。
而window服務器則由于其糟糕的生態(tài)等原因而越來越不受歡迎卖词。通常部署應用首推linux服務器。
因此吏夯，首先你需要一個linux服務器為應用程序提供操作系統(tǒng)運行環(huán)境和服務此蜈。
** 2，其次噪生，編程語言環(huán)境 **
所謂編程語言環(huán)境裆赵，也就是nodejs, java, php等編程語言的運行環(huán)境。
應用程序是使用編程語言開發(fā)的跺嗽，因此战授，應用程序的運行需要依賴于編程語言環(huán)境。
舉個例子桨嫁，要運行一個nodejs后臺應用陈醒，就需要有nodejs運行環(huán)境谨朝。運行一個java后臺應用锐想，就需要有java運行環(huán)境。
有必須說明的是疆前，一個網站的前臺和后臺的運行環(huán)境是不一樣的肚逸。
前臺的編程語言環(huán)境在客戶端(瀏覽器)爷辙，后臺的編程語言環(huán)境在服務器端。
** 前臺 **
前臺主要是在客戶端運行的朦促，也就是在瀏覽器渲染的膝晾。前臺的編程語言環(huán)境就是瀏覽器環(huán)境，這是因為前臺的編程語言主要是html,css和js务冕，而瀏覽器本身內置了對html,css和js的解析血当。也就是說，前臺應用并不需要在服務器搭建編程語言環(huán)境。** 后臺 **
后臺則不同臊旭，后臺應用是在服務器端運行落恼，但服務器通常不會集成編程語言環(huán)境，因此后臺應用往往需要在服務器搭建自己的編程語言環(huán)境离熏。如果是nodejs應用佳谦，就搭建nodejs運行環(huán)境，如果是php應用滋戳，就需要搭建php運行環(huán)境钻蔑，等等。
因此奸鸯，有了服務器之后咪笑，你就可以在服務器上搭建你的后臺編程語言環(huán)境。
** 3娄涩，應用程序 **
有了服務器和編程語言環(huán)境后窗怒，就等于有了應用程序的運行基礎。
這里所指的應用程序钝满，是你基于某種編程語言開發(fā)出來的應用兜粘。比如一個基于nodejs開發(fā)的node后臺應用申窘。
** 4弯蚜，依賴的工具 **
有了應用程序之后，還需要搭建一些這個應用程序所依賴的工具剃法。
比如說碎捺，后臺應用往往需要數(shù)據(jù)庫來存儲應用數(shù)據(jù)，比如mongodb,mysql等等贷洲。
而前臺應用往往需要nginx來做靜態(tài)資源服務收厨，nginx也可用于做代理和接口轉發(fā)。
這些都是應用程序運行所依賴的工具优构。
至此诵叁，服務器，編程語言環(huán)境钦椭，應用程序拧额，依賴的工具都具備了，可以著手部署應用了彪腔。
二侥锦，前臺部署與后臺部署的不同
這里主要講兩點不同。
1德挣，部署的方式不同恭垦。
** 前臺 **
首先，前臺所用的編程語言主要有html,css,js，前臺代碼主要生成一些靜態(tài)資源文件番挺，比如html文件唠帝，css文件，js文件等靜態(tài)資源文件建芙。
因此没隘，前臺應用的部署實際上就是靜態(tài)資源的部署。
那么禁荸，如何在服務器上做靜態(tài)資源部署呢右蒲？
首先，前臺代碼生成一些靜態(tài)資源文件赶熟，比如html文件瑰妄，css文件，js文件等靜態(tài)資源文件映砖。
然后把這些靜態(tài)資源(前臺代碼）發(fā)布到服務器上的某個目錄下间坐，然后在服務器端用nginx,apache或tomcat等工具架起一層靜態(tài)資源訪問服務，指定當客戶端(瀏覽器)根據(jù)域名訪問時邑退，訪問這個靜態(tài)資源目錄下的入口文件竹宋，比如index.html。
入口文件往往加載了一些css文件地技，js文件蜈七，圖片等靜態(tài)資源文件，因此莫矗，當訪問入口文件index.html時瀏覽器會根據(jù)入口文件里的引用去請求服務器靜態(tài)資源目錄下的css文件飒硅，js文件，圖片等靜態(tài)資源作谚。
所以三娩，當你打開一個網頁的時候，通過控制臺妹懒，你通常會看到下面這樣的請求:
如上圖雀监，當訪問http://sinn.boyagirl.com的時候，實際上是瀏覽器請求了域名為sinn.boyagirl.com的服務器上某靜態(tài)資源目錄下的index.html文件并做渲染處理眨唬，在渲染時瀏覽器再根據(jù)index.html里面的引用去請求這個靜態(tài)資源目錄下的css,js,img等靜態(tài)資源会前，并在瀏覽器渲染出來。
瀏覽器的請求分為兩類单绑，一類是靜態(tài)資源請求回官，比如請求html,css,js,img等靜態(tài)資源，其作用在于把應用前臺UI渲染出來搂橙。另一類請求則是接口請求, 也就是請求后臺接口歉提，與后臺應用進行數(shù)據(jù)交互笛坦，將請求的數(shù)據(jù)賦給UI。
以上就是前臺部署和訪問的全過程苔巨。
** 后臺 **
后臺應用是在服務器端運行的版扩，因此首先需要在后端搭建該應用的編程語言環(huán)境。其次搭建該應用所依賴的工具侄泽，比如數(shù)據(jù)庫礁芦，進程管理工具等等。
以sinn的后臺sinn-server為例悼尾。這是一個基于nodejs開發(fā)后臺應用柿扣，使用mongodb作為數(shù)據(jù)庫。
因此闺魏，部署sinn-server未状，首先需要在服務器搭建nodejs運行環(huán)境。有了nodejs編程語言環(huán)境之后析桥，還需要搭建mongodb數(shù)據(jù)庫等依賴的工具司草。
2，部署工具不同
前臺部署是靜態(tài)資源部署泡仗，使用了nginx, apache,或者tomcat等工具埋虹。其中最常用的就是nginx。
后臺部署需要搭建編程語言環(huán)境娩怎，如果是php,java等應用搔课，通常也還需要使用apache/tomcat搭建相應的程序服務。除此之外峦树，后臺應用往往還依賴數(shù)據(jù)庫辣辫，進程管理器等應用程序工具旦事。
經過上面的分析之后呢魁巩，我們已經了解到了部署一個應用程序的過程。
