上一節課講解了將網站部署到本地伺服器，這樣通過區域網就可以訪問網站了。

這節課講解將網站部署到阿里雲伺服器上，這樣不必受限於區域網，在任何能上網的地方，都可以訪問我們的個人簡歷網站了。

為何要部署到雲伺服器上

在雲伺服器出現以前，要釋出部署一個網站是一件比較麻煩的事情。

學哥還記得早幾年，想要釋出一個網站，要麼就要在網路運營商的資料中心購買一臺計算機硬體，然後安裝各種軟體；

要麼就是購買一個虛擬空間，將網站程式部署上去。

後來出現了虛擬機器技術，可以將硬體進行整合分享組成虛擬機器，對於使用者來說，購買了一臺虛擬機器，就相當於購買了一臺計算機一樣的。儘管多個虛擬機器可能共用了一套硬體裝置，但這些硬體資源都已經進行了虛擬化，對使用者來說都是透明的，使用者關心的就是有一臺電腦可以遠端登入使用，就像使用一臺本地計算機裝置一樣了。

雲伺服器的硬體維護對使用者來說是完全透明的，使用者是感受不到的，好處就很明顯，使用者只需要關心軟體環境就好了，將硬體的維護工作都交給雲伺服器提供商即可。

將網站部署到雲伺服器上的過程和部署在本地伺服器的過程幾乎是一樣的，唯一的區別恐怕就在於選擇哪種作業系統，以及需要網際網路進行連線登入而已。

雲伺服器一般都會提供網際網路的公網IP地址，也就是隻要有網路環境，能夠上網就可以訪問到這個雲伺服器。

註冊賬號

第1步，開啟瀏覽器，訪問網址：www.aliyun.com。

2-12-1.jpg

第2步，點選“註冊有禮”按鈕，或者有時候可能是“註冊”按鈕，出現登入介面。

2-12-2.jpg

第3步，輸入會員名、登入密碼、密碼確認和手機號，拖動驗證滑塊，點選驗證圖片中的文字，驗證通過後點選“確認”按鈕，出現輸入手機簡訊驗證碼介面。

2-12-3.jpg

第4步，輸入手機收到的簡訊裡面的驗證碼，點選“確定”按鈕，進入註冊成功頁面

2-12-4.jpg

第5步，選擇所屬行業，點選“網站”，點選“領取禮包”，進入領券頁面。領券頁面可能是某個時間段做活動才有，如果沒有的話，就執行第6步。

2-12-5.jpg

第6步，點選右上角的“控制檯”按鈕，進入控制檯主介面。

2-12-6.jpg

到了這裡，基本上算註冊登入成功了。以後就可以通過會員名和登入密碼登入進入控制檯主介面。

實名認證

由於購買雲伺服器需要實名認證，因此先去做實名認證工作。

第7步，將滑鼠移動到右上角，登入會員名上面，出現彈出選單。

2-12-7.jpg

第8步，點選“實名認證”按鈕，彈出一個新的網頁視窗，顯示實名認證介面。

2-12-8.jpg

第9步，先選擇“個人”認證型別，再點選“確定”按鈕，進入實名認證方式選擇介面。

2-12-9.jpg

第10步，點選“個人支付寶認證”右側的“立即認證”按鈕，進入支付寶繫結介面。

2-12-10.jpg

第11步，輸入支付寶賬戶和登入密碼，點選“繫結支付寶賬號”按鈕，進入驗證身份介面。

2-12-11.jpg

第12步，點選“點選免費獲取”，收到驗證碼後輸入，點選“確定”按鈕，顯示成功通過阿里雲個人認證。

2-12-12.jpg

建立雲伺服器訂單

接下來，要購買一個雲伺服器。

第13步，關閉剛才開啟的網頁視窗，回到“阿里雲管理控制檯首頁”這個網頁視窗。

2-12-13.jpg

第14步，點選控制檯主介面，左上角的“雲伺服器 ECS”，進入雲伺服器ECS管理介面。

2-12-14.jpg

第15步，點選“華東 2”右側的購物車按鈕，進入建立訂單介面。

2-12-15.jpg

第16步，計費方式選擇“包年包月”，地域選擇“華東2”和“隨機分配”，網路選擇“經典網路”，安全組選擇“預設安全組2（開放全網埠）”，然後頁面向下滾動，繼續選擇。

2-12-16.jpg

第17步，例項選擇“系列 I”、“1 核”和“1 核 1GB”，頻寬選擇“按固定頻寬”，“1Mbps”，然後頁面向下滾動繼續選擇。

2-12-17.jpg

第18步，映象選擇“公共映象”，作業系統選擇“Ubuntu”和“14.04 64位”，儲存選擇“普通雲盤”和“40G”，購買量選擇“1個月”和“1臺”，然後頁面向下滾動繼續選擇。

學哥這裡為了演示，所以只買了一個月，假如大家有計劃長期使用，也可以購買時間長點。當然也可以先買一個月，到期了再續費也可以。

2-12-18.jpg

第19步，安全設定選擇“設定密碼”，輸入登入密碼和確認密碼，2個密碼要設定為一樣。

最後確認所有的選擇無誤，點選“立即購買”按鈕，進入訂單確認介面。

2-12-19.jpg

支付訂單

第20步，點選“去支付”按鈕，進入支付方式選擇介面。

2-12-20.jpg

第21步，選擇“支付寶”方式，點選“確認支付”按鈕，進入掃碼支付頁面。

2-12-21.jpg

第22步，開啟手機APP支付寶，完成掃碼支付，顯示支付成功介面。

2-12-22.jpg

檢視伺服器狀態和資訊

第23步，等待幾分鐘後，點選有上角“控制檯”按鈕，回到“阿里雲管理控制檯首頁”這個網頁視窗。

2-12-23.jpg

第24步，看到“我的產品”下面的“彈性計算”裡面的“雲伺服器 ECS”右邊出現了一個“1”，表示雲伺服器建立好了。

點選這個“雲伺服器 ECS”，進入雲伺服器ECS管理概覽介面。

2-12-24.jpg

第25步，點選左側選單裡面的“例項”，進入雲伺服器例項列表介面。

2-12-25.jpg

檢視到IP地址這一欄裡面上面一行的“139.196.40.14(公)”，這個就是雲伺服器在網際網路上的公網IP地址。後面登入進入伺服器需要用到這個地址。旁邊的狀態一欄裡面顯示綠色的“執行中”，則表示該伺服器已經啟動，可以正常使用了。

注意，每個雲伺服器的公網IP地址都是不一樣了，大家後面都要使用自己的IP地址，不要弄錯來使用學哥的這個IP地址。

遠端登入到雲伺服器

第26步，雲伺服器建立成功之後，第一件事可以通過cmd視窗，使用命令ping來測試是否能網路連線到這個雲伺服器。

2-12-26.jpg

確保網路連線之後，就可以遠端登入到這個雲伺服器了。

第27步，如果在mac筆記本里面，在“終端”程式直接執行命令 ssh [email protected]雲伺服器IP地址，輸入yes回車，然後輸入密碼回車，就可以登入到雲伺服器了。注意輸入密碼的時候是沒有任何反應的，直接輸好密碼回車就行了。

2-12-27.jpg

第28步，如果在樹莓派電腦裡面，在“LX終端”程式直接執行命令 ssh [email protected]雲伺服器IP地址，輸入yes回車，然後輸入密碼回車，就可以登入到雲伺服器了。

2-12-28.jpg

第29步，下載以後是一個puttyfile.zip壓縮檔案，將這個檔案解壓縮，然後進入目錄，找到putty.exe，執行程式：

2-12-29.jpg

第30步，主機名稱輸入雲伺服器的公網IP地址，儲存的會話輸入“webserver”，點選儲存按鈕，點選開啟按鈕：

2-12-30.jpg

第31步，在安全警告視窗點就按鈕“是”:

2-12-31.jpg

第32步，進入登入介面，在login as: 後面輸入root回車，然後輸入密碼回車：

2-12-32.jpg

如果看到了“Welcome to Alibaba Cloud Elastic Compute Service !”這段文字，並且出現了#提示符，則說明已經登入到了雲伺服器作業系統了面了。

安裝web服務程式軟體

登入進入雲伺服器之後，需要做的事情就是安裝Web服務程式軟體，和上節課類似的步驟。

第33步，在#提示符後面輸入命令：

sudo apt-get update

2-12-33.jpg

第34步，在#提示符後面輸入命令：

sudo apt-get install -y nginx

2-12-34.jpg

2-12-35.jpg

網站程式碼部署

下面和上節課類似，要將4個檔案和images目錄複製到雲伺服器的/usr/share/nginx/html目錄下面。

注意，雲伺服器的預設的www目錄和樹莓派電腦的預設目錄不一樣，如果不修改配置檔案，預設目錄就是/usr/share/nginx/html。

第36步，如果在mac電腦裡面，在“終端”程式直接執行命令 scp index.css [email protected]雲伺服器公網IP地址:/usr/share/nginx/html 然後輸入密碼就可以完成上傳檔案，例如：

scp index.css [email protected]:/usr/share/nginx/html

注意先要在終端裡面cd到index.css所在的目錄下再執行此命令。

然後依次上傳其它檔案，如果要上傳整個目錄，則使用命令 scp -r images [email protected]@雲伺服器公網IP地址:/usr/share/nginx/html來同時上傳目錄和目錄下所有的檔案。

如果要同時上傳4個檔案，可以使用命令如下：

scp index.html index.css project1.html project2.html [email protected]:/usr/share/nginx/html

多個檔名之間用空格分開。

2-12-36.jpg

如果是在樹莓派電腦裡面，在“LX 終端”程式裡面首先執行：

cd /home/pi

然後和mac電腦一樣，使用scp命令來上傳檔案。

下載以後是一個winscp_chs.zip壓縮檔案，將這個檔案解壓縮，然後進入目錄，找到WinSCP-5.9.1-Setup.exe，執行。

然後安裝過程一路都是“下一步”，完成之後，啟動WinSCP程式，進入新建站點頁面，輸入登入資訊：

2-12-37.jpg

第38步，檔案協議選擇SCP，輸入主機名為雲伺服器的公網IP地址，使用者名稱為root，密碼為登入密碼，點選登入按鈕。

2-12-38.jpg

第39步，在彈出的警告視窗點選按鈕是，看到右側雲伺服器預設進入了/root目錄，左側是當前膝上型電腦的目錄和檔案。

2-12-39.jpg

第40步，左側目錄切換到存放網站程式的目錄，右側切換目錄到/usr/share/nginx/html下面，然後從左向右拖動檔案，就可以上傳檔案了。如果要從雲伺服器下載一個檔案或者目錄到本地計算機，則從右向左拖動檔案或者目錄。

2-12-40.jpg

測試訪問網站

確認伺服器的/usr/share/nginx/html目錄下面已經存在網站程式檔案了之後，就可以通過瀏覽器來訪問這些檔案了。

這裡為何不需要輸入具體的檔名index.html呢，這是因為nginx服務程式預設會顯示index.html，這也是學哥給檔名起名為index.html的原因，可以少輸入一段檔名了。

2-12-41.jpg

以後在任何一臺能夠上網的計算機上面，輸入這個網址，都可以看到網站了，趕快去告訴親戚朋友們，顯擺顯擺吧。

往期教程

由於學哥的教程是系列教程，前後關聯極強，請大家關注微信公眾號【零基礎學程式設計】，檢視歷史訊息。

作者：java開發鼻祖
連結：https://www.jianshu.com/p/a4e4a8c9b86c
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。