前端雲伺服器的搭建（主機+nginx+WinSCP）

阿新 • • 發佈：2018-11-11

之前寫的靜態介面，一直是在本地的伺服器測試，為了更好地進行網頁的測試，就申請了一下騰訊雲伺服器。將靜態介面上傳到伺服器上進行部署，通過公網訪問進行測試。這篇部落格就記述一下，配置的過程。

一、申請雲主機

申請的雲主機，只是租用了一臺放置在騰訊機房裡的一臺安裝有linux作業系統的電腦，我們可以遠端通過命令列訪問和控制這臺電腦。這臺電腦相比我們自己的電腦，穩定性更高，可以一直執行，不關機，隨時等待訪問。

實名註冊並登陸騰訊雲的網頁，進入產品中的雲服務。選擇新建雲伺服器CVM。
地域選擇：意思就是伺服器架設到哪裡。這個根據覆蓋使用者主體的範圍選擇，伺服器離使用者越近，網路延遲就越低，維護和訪問時網路效果就好。

機型：根據網站用途去選擇，配置越高，處理效能越強。個人網站搭建1核1GB就夠用了。
映象：作業系統的選擇，建議安裝linux系統。因為企業級伺服器絕大多數都是使用linux系統，同時linux的效率高於windows server。但同時也有缺陷，就是linux映象是沒有介面的，所有的操作必須使用命令列形式，對於從來沒有接觸過linux系統的人來說，還是有一定的難度。
公網頻寬：選擇分配公網ip，並選擇公網頻寬。頻寬指的是，訪問網頁時，獲取網頁的速度。1Mbps網速相當於125Kb/s.根據自己的需求進行選擇。
交費開通雲伺服器
伺服器的密碼會以站內信的形式傳送到騰訊雲的網頁上的。

登入伺服器，掛載硬碟，分割槽，格式化
騰訊雲提供了詳細的教程：https://cloud.tencent.com/document/product/213/2936

二、安裝nginx

nginx是一款輕量型的網頁伺服器，相較於Apache、lighttpd具有佔有記憶體少，穩定性高等優勢。

再沒有安裝nginx之前，雲主機只是一臺遠端的linux電腦。它無法接受一些web網頁請求。當安裝好nginx後，我們才可以通過公網去訪問我們的靜態html頁面。

1.登入到伺服器

可以使用騰訊雲控制檯直接登入
也可以使用PuTTY進行遠端登入

2.進入/usr/local目錄

   cd /usr/local

這裡的cd表示移動路徑，空格後寫需要移動的具體路徑。

3.從官網下載最新版的nginx

   wget http://nginx.org/download/nginx-1.7.4.tar.gz

wget是下載命令，空格後寫下載的內容。下載的地址是當前目錄。這裡會下載的是一個nginx安裝軟體的壓縮包

4.解壓nginx壓縮包

   tar -zxvf nginx-1.7.4.tar.gz

tar是解壓命令

5.會產生一個nginx-1.7.4 目錄，這時進入nginx-1.7.4目錄

   cd  nginx-1.7.4

6.接下來安裝，使用–prefix引數指定nginx安裝的目錄

   ./configure

./的意思是執行程式，configure是安裝檔案。預設的安裝目錄是/usr/local/nginx。同樣也可以使用–prefix=路徑，規定安裝的位置。

7.如果第5步執行出現error: C compiler cc is not found錯誤

  yum -y install gcc

這是由於，nginx是由c語言寫成的，需要gcc進行編譯才能執行。這個是下載gcc編譯器的命令。gcc是一種c語言的編譯器。

8.如果出現error: the HTTP rewrite module requires the PCRE library.

  yum -y install openssl openssl-devel

HTTP重寫模組需要PCRE庫。使用這條語句安裝openssl，以解決問題。

9.如果出現7.8問題，解決後再次執行6的命令

10.完成安裝

   make  
   make install

將nginx安裝到linux伺服器上。

11.啟動nginx

  cd /usr/local/nginx/sbin
  ./nginx

12.在瀏覽器輸入公網ip

如果介面顯示welcome to nginx，則表示nginx安裝成功

三、配置nginx

nginx有一個配置檔案，它的用途是控制nginx伺服器，期中就包含伺服器的根目錄。根目錄的含義就是，通過公網ip直接訪問雲主機的路徑。

1.檢視nginx安裝目錄

輸入：
cd /usr/local/nginx/sbin
./nginx -t
輸出：
nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok
nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

/usr/local/nginx/conf/nginx.conf這個目錄指的是nginx的配置檔案

2.vim開啟檔案

輸入
vim /usr/local/nginx/conf/nginx.conf

按i進入編輯模式，
將文件中所有的root html；
改為：root 根路徑（如：/usr/www）
按ESC後輸入:wq儲存退出

3.重新載入nginx的配置檔案

cd /usr/local/nginx/sbin
sudo ./nginx -s reload

4.安裝WinSCP

WinSCP是一個Windows環境下使用SSH的開源圖形化SFTP客戶端。同時支援SCP協議。它的主要功能就是在本地與遠端計算機間安全的複製檔案。

登入到遠端主機，上傳自己的頁面到配置檔案的路徑中。注意上傳的網頁命名為index.html.

5.在瀏覽器輸入公網ip

如果顯示出上傳的介面，這表示配置檔案已經搭好了。

ps：常見錯誤

1.過載nginx ./nginx -s reload 報錯

nginx: [error] invalid PID number “” in “/run/nginx.pid”
解決方法：
- 首先你要先確保關閉nginx程序了（可以通過pkill -9 nginx關閉程序）
- 進入你nginx的安裝目錄裡面 cd 路徑/nginx/sbin裡面然後輸入

./nginx -c /usr/local/nginx/nginx.conf 就可以了（sbin目錄下面有個nginx為啟動程式，-c為以什麼配置啟動，後面接著nginx配置檔案的路徑）

2.啟動nginx顯示0:80 failed (98: Address already in use)

解決方法
[[email protected] ~]# killall -9 nginx
再次啟動nginx：
[[email protected] ~]# /usr/local/nginx/sbin/nginx

四、WinSCP上傳管理檔案

直接使用滑鼠拖拽檔案到對應目錄即可。