前端雲伺服器的搭建(主機+nginx+WinSCP)
之前寫的靜態介面,一直是在本地的伺服器測試,為了更好地進行網頁的測試,就申請了一下騰訊雲伺服器。將靜態介面上傳到伺服器上進行部署,通過公網訪問進行測試。這篇部落格就記述一下,配置的過程。
一、申請雲主機
申請的雲主機,只是租用了一臺放置在騰訊機房裡的一臺安裝有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上傳管理檔案
直接使用滑鼠拖拽檔案到對應目錄即可。