這兩天，因為工作需求，身為一個後端開發人員，接觸了使用Nginx+阿里雲輕量伺服器CentOS系統部署靜態web專案的嘗試。

    首先，宣告一點，專案部署前，已經由資深前端老員工幫我用Fis3工具構建好了專案，並不是所有專案都可以直接部署的，關於Fis3我也不是很瞭解，這裡不過多深入。

    部署條件：

        1.一臺阿里雲伺服器（本人的是CentOS系統的伺服器）

        2.已經構建好的專案

        3.伺服器上安裝並配置Nginx

    首先第一步：在伺服器上安裝並配置Nginx

     進入伺服器

$ ssh [email protected]伺服器IP
 

     安裝編譯工具以及庫檔案：

yum -y install make  gcc-c++ libtool     

     安裝PCRE（PCRE 作用是讓 Nginx 支援 Rewrite 功能）

$ cd /usr/local
$ wget http://downloads.sourceforge.net/project/pcre/pcre/8.35/pcre-8.35.tar.gz
$ tar zxvf pcre-8.35.tar.gz
$ cd pcre-8.35
$ ./configure
$ make && make install
$ pcre-config --version

     安裝zlib庫（Nginx的gzip模組需要 zlib 庫）

$ cd /usr/local/ 
$ wget http://zlib.net/zlib-1.2.11.tar.gz
$ tar -zxvf zlib-1.2.11.tar.gz
$ cd zlib-1.2.11
$ ./configure
$ make
$ make install

     安裝ssl（Nginx的ssl 功能需要openssl庫）

$ cd /usr/local/
$ wget http://www.openssl.org/source/openssl-1.0.1j.tar.gz
$ tar -zxvf openssl-1.0.1j.tar.gz
$ ./config
$ make

     安裝Nginx

$ cd /usr/local/
$ wget http://nginx.org/download/nginx-1.8.0.tar.gz
$ tar -zxvf nginx-1.8.0.tar.gz
$ cd nginx-1.8.0  
$ ./configure --prefix=/usr/local/webserver/nginx --with-http_stub_status_module --with-http_ssl_module --with-pcre=/usr/local/pcre-8.35 --with-openssl=/usr/local/openssl-1.0.1j --with-zlib=/usr/local/zlib-1.2.11 
$ make
$ make install
#檢視版本
$ /usr/local/webserver/nginx/sbin/nginx -v 
 

     啟動Nginx

$ /usr/local/webserver/nginx/sbin/nginx

     開啟瀏覽器，訪問伺服器的IP，如果瀏覽器出現 Welcome to nginx! 則表示 Nginx 已經安裝並執行成功。

     以下是一些Nginx的相關命令

#重新載入配置檔案：
sbin/nginx –s reload
#重啟：
$ /usr/local/webserver/nginx/sbin/nginx –s reopen
#停止：
$ /usr/local/webserver/nginx/sbin/nginx –s stop
#測試配置檔案是否正常：
$ /usr/local/webserver/nginx/sbin/nginx –t
#強制關閉：
$ pkill nginx

    第二步：在伺服器中建立一個資料夾，並將本級中已經構建好的專案傳到伺服器建立的資料夾中

        建立資料夾

$ mkdir 資料夾名

scp 本地檔案地址 [email protected]公網地址:公網儲存的地址

    第三步：修改Nginx的配置檔案Nginx.conf

        根據Nginx的啟動地址找到相應的配置檔案

$ cd /usr/local/webserver/nginx/conf

        編輯Nginx.conf配置檔案

$ vim nginx.conf

        配置如下：

server {
        listen       80; 監聽埠
        server_name  localhost; 監聽地址

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /root/web/web-us/output; 對應專案的地址
            index  index.html index.htm; 首頁面
        }

        然後按照上面的指令關閉Nginx，重新載入配置檔案並啟動

        在瀏覽器中輸入伺服器IP，就能訪問到部署的專案。

        如果還是不能訪問，可以嘗試將nginx.conf中的user解除註釋，並修改名為你的伺服器登入名（一般是root），如圖所示：

  以上，就是我將靜態web專案部署到伺服器中的步驟。如何繫結域名，通過訪問域名來訪問伺服器中的專案，將在過幾天，我的域名備案通過，繫結成功後更新本篇文章。