天天看點

阿裡部署網站實踐與思考

上一節課講解了将網站部署到本地伺服器,這樣通過區域網路就可以通路網站了。這節課講解将網站部署到阿裡雲伺服器上,這樣不必受限于區域網路,在任何能上網的地方,都可以通路我們的個人履歷網站了。為何要部署到雲伺服器上在雲伺服器出現以前,要釋出部署一個網站是一件比較麻煩的事情。還記得早幾年,想要釋出一個網站,要麼就要在網絡營運商的資料中心購買一台計算機硬體,然後安裝各種軟體;要麼就是購買一個虛拟空間,将網站程式部署上去。後來出現了虛拟機技術,可以将硬體進行內建分享組成虛拟機,對于使用者來說,購買了一台虛拟機,就相當于購買了一台計算機一樣的。盡管多個虛拟機可能共用了一套硬體裝置,但這些硬體資源都已經進行了虛拟化,對使用者來說都是透明的,使用者關心的就是有一台電腦可以遠端登入使用,就像使用一台本地計算機裝置一樣了。雲伺服器的硬體維護對使用者來說是完全透明的,使用者是感受不到的,好處就很明顯,使用者隻需要關心軟體環境就好了,将硬體的維護工作都交給雲伺服器提供商即可。将網站部署到雲伺服器上的過程和部署在本地伺服器的過程幾乎是一樣的,唯一的差別恐怕就在于選擇哪種作業系統,以及需要網際網路進行連接配接登入而已。雲伺服器一般都會提供網際網路的公網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 root@雲伺服器IP位址,輸入yes回車,然後輸入密碼回車,就可以登入到雲伺服器了。注意輸入密碼的時候是沒有任何反應的,直接輸好密碼回車就行了。

阿裡部署網站實踐與思考

2-12-27.jpg

第28步,如果在樹莓派電腦裡面,在“LX終端”程式直接運作指令 ssh root@

雲伺服器IP位址

,輸入yes回車,然後輸入密碼回車,就可以登入到雲伺服器了。

阿裡部署網站實踐與思考

2-12-28.jpg

如果在windows電腦裡面,需要下載下傳一個putty軟體,可以到

http://www.pc6.com/softview/SoftView_106764.html

下載下傳。

第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

第35步,在本地計算機上面打開一個浏覽器,輸入網址

http://

雲伺服器公網IP位址并回車,應該看到如下網頁顯示,說明nginx安裝成功。

阿裡部署網站實踐與思考

2-12-35.jpg

網站代碼部署

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

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

第36步,如果在mac電腦裡面,在“終端”程式直接運作指令 scp index.css root@雲伺服器公網IP位址:/usr/share/nginx/html 然後輸入密碼就可以完成上傳檔案,

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

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

然後依次上傳其它檔案,如果要上傳整個目錄,則使用指令 scp -r images root@@雲伺服器公網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指令來上傳檔案。

第37步,如果在windows電腦裡面,需要下載下傳一個winscp軟體,可以到

http://www.7down.com/soft/2304.html

下載下傳以後是一個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目錄下面已經存在網站程式檔案了之後,就可以通過浏覽器來通路這些檔案了。

在本地計算機,打開Chrome浏覽器,輸入網址

雲伺服器公網IP位址,

然後看到了個人簡介網站了

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

阿裡部署網站實踐與思考

2-12-41.jpg

以後在任何一台能夠上網的計算機上面,輸入這個網址,都可以看到網站了,趕快去告訴親戚朋友們,顯擺顯擺吧。往期教程由于學哥的教程是系列教程,前後關聯極強,

繼續閱讀