上一節(jié)課講解了將網(wǎng)站部署到本地服務(wù)器彭羹，這樣通過局域網(wǎng)就可以訪問網(wǎng)站了载迄。
這節(jié)課講解將網(wǎng)站部署到阿里云服務(wù)器上捉兴，這樣不必受限于局域網(wǎng)，在任何能上網(wǎng)的地方马僻，都可以訪問我們的個人簡歷網(wǎng)站了庄拇。

為何要部署到云服務(wù)器上

在云服務(wù)器出現(xiàn)以前，要發(fā)布部署一個網(wǎng)站是一件比較麻煩的事情韭邓。
學(xué)哥還記得早幾年措近，想要發(fā)布一個網(wǎng)站，要么就要在網(wǎng)絡(luò)運(yùn)營商的數(shù)據(jù)中心購買一臺計(jì)算機(jī)硬件女淑，然后安裝各種軟件瞭郑；
要么就是購買一個虛擬空間，將網(wǎng)站程序部署上去鸭你。
后來出現(xiàn)了虛擬機(jī)技術(shù)屈张，可以將硬件進(jìn)行集成分享組成虛擬機(jī)我抠，對于用戶來說，購買了一臺虛擬機(jī)袜茧，就相當(dāng)于購買了一臺計(jì)算機(jī)一樣的菜拓。盡管多個虛擬機(jī)可能共用了一套硬件設(shè)備，但這些硬件資源都已經(jīng)進(jìn)行了虛擬化笛厦，對用戶來說都是透明的纳鼎，用戶關(guān)心的就是有一臺電腦可以遠(yuǎn)程登錄使用，就像使用一臺本地計(jì)算機(jī)設(shè)備一樣了裳凸。
云服務(wù)器的硬件維護(hù)對用戶來說是完全透明的贱鄙，用戶是感受不到的，好處就很明顯姨谷，用戶只需要關(guān)心軟件環(huán)境就好了逗宁，將硬件的維護(hù)工作都交給云服務(wù)器提供商即可。
將網(wǎng)站部署到云服務(wù)器上的過程和部署在本地服務(wù)器的過程幾乎是一樣的梦湘，唯一的區(qū)別恐怕就在于選擇哪種操作系統(tǒng)瞎颗，以及需要互聯(lián)網(wǎng)進(jìn)行連接登錄而已。
云服務(wù)器一般都會提供互聯(lián)網(wǎng)的公網(wǎng)IP地址捌议，也就是只要有網(wǎng)絡(luò)環(huán)境哼拔，能夠上網(wǎng)就可以訪問到這個云服務(wù)器。

注冊賬號

第1步瓣颅，打開瀏覽器倦逐，訪問網(wǎng)址：www.aliyun.com。

2-12-1.jpg

第2步宫补，點(diǎn)擊“注冊有禮”按鈕檬姥，或者有時候可能是“注冊”按鈕源织，出現(xiàn)登錄界面夺刑。

2-12-2.jpg

第3步巷嚣，輸入會員名棒搜、登錄密碼互亮、密碼確認(rèn)和手機(jī)號命辖，拖動驗(yàn)證滑塊胎撤，點(diǎn)擊驗(yàn)證圖片中的文字创坞，驗(yàn)證通過后點(diǎn)擊“確認(rèn)”按鈕平酿，出現(xiàn)輸入手機(jī)短信驗(yàn)證碼界面凤优。

2-12-3.jpg

第4步，輸入手機(jī)收到的短信里面的驗(yàn)證碼蜈彼，點(diǎn)擊“確定”按鈕筑辨，進(jìn)入注冊成功頁面

2-12-4.jpg

第5步，選擇所屬行業(yè)幸逆，點(diǎn)擊“網(wǎng)站”棍辕，點(diǎn)擊“領(lǐng)取禮包”暮现，進(jìn)入領(lǐng)券頁面。領(lǐng)券頁面可能是某個時間段做活動才有楚昭，如果沒有的話栖袋，就執(zhí)行第6步。

2-12-5.jpg

第6步抚太，點(diǎn)擊右上角的“控制臺”按鈕塘幅，進(jìn)入控制臺主界面。

2-12-6.jpg

到了這里尿贫，基本上算注冊登錄成功了电媳。以后就可以通過會員名和登錄密碼登錄進(jìn)入控制臺主界面。

實(shí)名認(rèn)證

由于購買云服務(wù)器需要實(shí)名認(rèn)證庆亡，因此先去做實(shí)名認(rèn)證工作匾乓。
第7步，將鼠標(biāo)移動到右上角又谋，登錄會員名上面拼缝，出現(xiàn)彈出菜單。

2-12-7.jpg

第8步搂根，點(diǎn)擊“實(shí)名認(rèn)證”按鈕珍促，彈出一個新的網(wǎng)頁窗口，顯示實(shí)名認(rèn)證界面剩愧。

2-12-8.jpg

第9步，先選擇“個人”認(rèn)證類型娇斩，再點(diǎn)擊“確定”按鈕仁卷，進(jìn)入實(shí)名認(rèn)證方式選擇界面。

2-12-9.jpg

第10步犬第，點(diǎn)擊“個人支付寶認(rèn)證”右側(cè)的“立即認(rèn)證”按鈕锦积，進(jìn)入支付寶綁定界面。

2-12-10.jpg

第11步歉嗓，輸入支付寶賬戶和登錄密碼丰介，點(diǎn)擊“綁定支付寶賬號”按鈕，進(jìn)入驗(yàn)證身份界面鉴分。

2-12-11.jpg

第12步哮幢，點(diǎn)擊“點(diǎn)擊免費(fèi)獲取”，收到驗(yàn)證碼后輸入志珍，點(diǎn)擊“確定”按鈕橙垢，顯示成功通過阿里云個人認(rèn)證。

2-12-12.jpg

創(chuàng)建云服務(wù)器訂單

接下來伦糯，要購買一個云服務(wù)器柜某。
第13步嗽元，關(guān)閉剛才打開的網(wǎng)頁窗口，回到“阿里云管理控制臺首頁”這個網(wǎng)頁窗口喂击。

2-12-13.jpg

第14步剂癌，點(diǎn)擊控制臺主界面，左上角的“云服務(wù)器 ECS”翰绊，進(jìn)入云服務(wù)器ECS管理界面珍手。

2-12-14.jpg

第15步，點(diǎn)擊“華東 2”右側(cè)的購物車按鈕辞做，進(jìn)入創(chuàng)建訂單界面琳要。

2-12-15.jpg

第16步，計(jì)費(fèi)方式選擇“包年包月”秤茅，地域選擇“華東2”和“隨機(jī)分配”稚补，網(wǎng)絡(luò)選擇“經(jīng)典網(wǎng)絡(luò)”，安全組選擇“默認(rèn)安全組2（開放全網(wǎng)端口）”框喳，然后頁面向下滾動课幕，繼續(xù)選擇。

2-12-16.jpg

第17步五垮，實(shí)例選擇“系列 I”乍惊、“1 核”和“1 核 1GB”，帶寬選擇“按固定帶寬”放仗，“1Mbps”润绎，然后頁面向下滾動繼續(xù)選擇。

2-12-17.jpg

第18步诞挨，鏡像選擇“公共鏡像”莉撇，操作系統(tǒng)選擇“Ubuntu”和“14.04 64位”，存儲選擇“普通云盤”和“40G”惶傻，購買量選擇“1個月”和“1臺”棍郎，然后頁面向下滾動繼續(xù)選擇。
學(xué)哥這里為了演示银室，所以只買了一個月涂佃，假如大家有計(jì)劃長期使用，也可以購買時間長點(diǎn)蜈敢。當(dāng)然也可以先買一個月辜荠，到期了再續(xù)費(fèi)也可以。

2-12-18.jpg

第19步扶认，安全設(shè)置選擇“設(shè)置密碼”侨拦，輸入登錄密碼和確認(rèn)密碼，2個密碼要設(shè)置為一樣辐宾。
最后確認(rèn)所有的選擇無誤狱从，點(diǎn)擊“立即購買”按鈕膨蛮，進(jìn)入訂單確認(rèn)界面。

2-12-19.jpg

支付訂單

第20步季研，點(diǎn)擊“去支付”按鈕敞葛，進(jìn)入支付方式選擇界面。

2-12-20.jpg

第21步与涡，選擇“支付寶”方式惹谐，點(diǎn)擊“確認(rèn)支付”按鈕，進(jìn)入掃碼支付頁面驼卖。

2-12-21.jpg

第22步氨肌，打開手機(jī)APP支付寶，完成掃碼支付酌畜，顯示支付成功界面怎囚。

2-12-22.jpg

查看服務(wù)器狀態(tài)和信息

第23步，等待幾分鐘后桥胞，點(diǎn)擊有上角“控制臺”按鈕恳守，回到“阿里云管理控制臺首頁”這個網(wǎng)頁窗口。

2-12-23.jpg

第24步贩虾，看到“我的產(chǎn)品”下面的“彈性計(jì)算”里面的“云服務(wù)器 ECS”右邊出現(xiàn)了一個“1”催烘，表示云服務(wù)器創(chuàng)建好了。
點(diǎn)擊這個“云服務(wù)器 ECS”缎罢，進(jìn)入云服務(wù)器ECS管理概覽界面伊群。

2-12-24.jpg

第25步，點(diǎn)擊左側(cè)菜單里面的“實(shí)例”屁使，進(jìn)入云服務(wù)器實(shí)例列表界面在岂。

2-12-25.jpg

查看到IP地址這一欄里面上面一行的“139.196.40.14(公)”，這個就是云服務(wù)器在互聯(lián)網(wǎng)上的公網(wǎng)IP地址蛮寂。后面登錄進(jìn)入服務(wù)器需要用到這個地址。旁邊的狀態(tài)一欄里面顯示綠色的“運(yùn)行中”易茬，則表示該服務(wù)器已經(jīng)啟動酬蹋，可以正常使用了。
注意抽莱，每個云服務(wù)器的公網(wǎng)IP地址都是不一樣了范抓，大家后面都要使用自己的IP地址，不要弄錯來使用學(xué)哥的這個IP地址食铐。

遠(yuǎn)程登錄到云服務(wù)器

第26步匕垫，云服務(wù)器創(chuàng)建成功之后，第一件事可以通過cmd窗口虐呻，使用命令ping來測試是否能網(wǎng)絡(luò)連接到這個云服務(wù)器象泵。

2-12-26.jpg

確保網(wǎng)絡(luò)連接之后寞秃，就可以遠(yuǎn)程登錄到這個云服務(wù)器了。
第27步偶惠，如果在mac筆記本里面春寿，在“終端”程序直接運(yùn)行命令 ssh root@云服務(wù)器IP地址，輸入yes回車忽孽，然后輸入密碼回車绑改，就可以登錄到云服務(wù)器了。注意輸入密碼的時候是沒有任何反應(yīng)的兄一，直接輸好密碼回車就行了厘线。

2-12-27.jpg

第28步，如果在樹莓派電腦里面出革，在“LX終端”程序直接運(yùn)行命令 ssh root@云服務(wù)器IP地址造壮，輸入yes回車，然后輸入密碼回車蹋盆，就可以登錄到云服務(wù)器了费薄。

2-12-28.jpg

如果在windows電腦里面，需要下載一個putty軟件栖雾，可以到http://www.pc6.com/softview/SoftView_106764.html下載楞抡。
第29步，下載以后是一個puttyfile.zip壓縮文件析藕，將這個文件解壓縮召廷，然后進(jìn)入目錄，找到putty.exe账胧，執(zhí)行程序：

2-12-29.jpg

第30步竞慢，主機(jī)名稱輸入云服務(wù)器的公網(wǎng)IP地址，保存的會話輸入“webserver”治泥，點(diǎn)擊保存按鈕筹煮，點(diǎn)擊打開按鈕：

2-12-30.jpg

第31步，在安全警告窗口點(diǎn)就按鈕“是”:

2-12-31.jpg

第32步居夹，進(jìn)入登錄界面败潦，在login as: 后面輸入root回車，然后輸入密碼回車：

2-12-32.jpg

如果看到了“Welcome to Alibaba Cloud Elastic Compute Service !”這段文字准脂，并且出現(xiàn)了#提示符劫扒，則說明已經(jīng)登錄到了云服務(wù)器操作系統(tǒng)了面了。

安裝web服務(wù)程序軟件

登錄進(jìn)入云服務(wù)器之后狸膏，需要做的事情就是安裝Web服務(wù)程序軟件沟饥，和上節(jié)課類似的步驟。
第33步，在#提示符后面輸入命令：
sudo apt-get update

2-12-33.jpg

第34步贤旷，在#提示符后面輸入命令：
sudo apt-get install -y nginx

2-12-34.jpg

第35步广料，在本地計(jì)算機(jī)上面打開一個瀏覽器，輸入網(wǎng)址http://云服務(wù)器公網(wǎng)IP地址并回車遮晚，應(yīng)該看到如下網(wǎng)頁顯示性昭，說明nginx安裝成功。

2-12-35.jpg

網(wǎng)站代碼部署

下面和上節(jié)課類似县遣，要將4個文件和images目錄復(fù)制到云服務(wù)器的/usr/share/nginx/html目錄下面糜颠。
注意，云服務(wù)器的默認(rèn)的www目錄和樹莓派電腦的默認(rèn)目錄不一樣萧求，如果不修改配置文件其兴，默認(rèn)目錄就是/usr/share/nginx/html。
第36步夸政，如果在mac電腦里面元旬，在“終端”程序直接運(yùn)行命令 scp index.css root@云服務(wù)器公網(wǎng)IP地址:/usr/share/nginx/html 然后輸入密碼就可以完成上傳文件，例如：
scp index.css root@139.196.40.14:/usr/share/nginx/html
注意先要在終端里面cd到index.css所在的目錄下再執(zhí)行此命令守问。
然后依次上傳其它文件匀归，如果要上傳整個目錄，則使用命令 scp -r images root@@云服務(wù)器公網(wǎng)IP地址:/usr/share/nginx/html來同時上傳目錄和目錄下所有的文件耗帕。
如果要同時上傳4個文件穆端，可以使用命令如下：
scp index.html index.css project1.html project2.html root@139.196.40.14:/usr/share/nginx/html
多個文件名之間用空格分開。

2-12-36.jpg

如果是在樹莓派電腦里面仿便，在“LX 終端”程序里面首先執(zhí)行：
cd /home/pi
然后和mac電腦一樣体啰，使用scp命令來上傳文件。
第37步嗽仪，如果在windows電腦里面荒勇，需要下載一個winscp軟件，可以到http://www.7down.com/soft/2304.html下載闻坚。
下載以后是一個winscp_chs.zip壓縮文件沽翔，將這個文件解壓縮，然后進(jìn)入目錄窿凤，找到WinSCP-5.9.1-Setup.exe搀擂，執(zhí)行。
然后安裝過程一路都是“下一步”卷玉，完成之后，啟動WinSCP程序喷市，進(jìn)入新建站點(diǎn)頁面相种，輸入登錄信息：

2-12-37.jpg

第38步，文件協(xié)議選擇SCP，輸入主機(jī)名為云服務(wù)器的公網(wǎng)IP地址寝并，用戶名為root箫措，密碼為登錄密碼，點(diǎn)擊登錄按鈕衬潦。

2-12-38.jpg

第39步斤蔓，在彈出的警告窗口點(diǎn)擊按鈕是，看到右側(cè)云服務(wù)器默認(rèn)進(jìn)入了/root目錄镀岛，左側(cè)是當(dāng)前筆記本電腦的目錄和文件弦牡。

2-12-39.jpg

第40步，左側(cè)目錄切換到存放網(wǎng)站程序的目錄漂羊，右側(cè)切換目錄到/usr/share/nginx/html下面驾锰，然后從左向右拖動文件，就可以上傳文件了走越。如果要從云服務(wù)器下載一個文件或者目錄到本地計(jì)算機(jī)椭豫，則從右向左拖動文件或者目錄。

2-12-40.jpg

測試訪問網(wǎng)站

確認(rèn)服務(wù)器的/usr/share/nginx/html目錄下面已經(jīng)存在網(wǎng)站程序文件了之后旨指，就可以通過瀏覽器來訪問這些文件了赏酥。
在本地計(jì)算機(jī)，打開Chrome瀏覽器谆构，輸入網(wǎng)址http://云服務(wù)器公網(wǎng)IP地址裸扶，然后看到了個人簡介網(wǎng)站了。
這里為何不需要輸入具體的文件名index.html呢低淡，這是因?yàn)閚ginx服務(wù)程序默認(rèn)會顯示index.html姓言，這也是學(xué)哥給文件名起名為index.html的原因，可以少輸入一段文件名了蔗蹋。

2-12-41.jpg

以后在任何一臺能夠上網(wǎng)的計(jì)算機(jī)上面何荚，輸入這個網(wǎng)址，都可以看到網(wǎng)站了猪杭，趕快去告訴親戚朋友們餐塘，顯擺顯擺吧。

往期教程

由于學(xué)哥的教程是系列教程皂吮，前后關(guān)聯(lián)極強(qiáng)戒傻，請大家關(guān)注微信公眾號【零基礎(chǔ)學(xué)編程】，查看歷史消息蜂筹。