上一節(jié)課講解了將網(wǎng)站部署到本地服務(wù)器及老,這樣通過局域網(wǎng)就可以訪問網(wǎng)站了身冬。
這節(jié)課講解將網(wǎng)站部署到阿里云服務(wù)器上玄括,這樣不必受限于局域網(wǎng),在任何能上網(wǎng)的地方银锻,都可以訪問我們的個(gè)人簡歷網(wǎng)站了永品。
為何要部署到云服務(wù)器上
在云服務(wù)器出現(xiàn)以前,要發(fā)布部署一個(gè)網(wǎng)站是一件比較麻煩的事情击纬。
學(xué)哥還記得早幾年鼎姐,想要發(fā)布一個(gè)網(wǎng)站,要么就要在網(wǎng)絡(luò)運(yùn)營商的數(shù)據(jù)中心購買一臺(tái)計(jì)算機(jī)硬件掉弛,然后安裝各種軟件症见;
要么就是購買一個(gè)虛擬空間,將網(wǎng)站程序部署上去殃饿。
后來出現(xiàn)了虛擬機(jī)技術(shù)谋作,可以將硬件進(jìn)行集成分享組成虛擬機(jī),對(duì)于用戶來說乎芳,購買了一臺(tái)虛擬機(jī)遵蚜,就相當(dāng)于購買了一臺(tái)計(jì)算機(jī)一樣的。盡管多個(gè)虛擬機(jī)可能共用了一套硬件設(shè)備奈惑,但這些硬件資源都已經(jīng)進(jìn)行了虛擬化吭净,對(duì)用戶來說都是透明的,用戶關(guān)心的就是有一臺(tái)電腦可以遠(yuǎn)程登錄使用肴甸,就像使用一臺(tái)本地計(jì)算機(jī)設(shè)備一樣了寂殉。
云服務(wù)器的硬件維護(hù)對(duì)用戶來說是完全透明的,用戶是感受不到的原在,好處就很明顯友扰,用戶只需要關(guān)心軟件環(huán)境就好了,將硬件的維護(hù)工作都交給云服務(wù)器提供商即可庶柿。
將網(wǎng)站部署到云服務(wù)器上的過程和部署在本地服務(wù)器的過程幾乎是一樣的村怪,唯一的區(qū)別恐怕就在于選擇哪種操作系統(tǒng),以及需要互聯(lián)網(wǎng)進(jìn)行連接登錄而已浮庐。
云服務(wù)器一般都會(huì)提供互聯(lián)網(wǎng)的公網(wǎng)IP地址甚负,也就是只要有網(wǎng)絡(luò)環(huán)境,能夠上網(wǎng)就可以訪問到這個(gè)云服務(wù)器。
注冊(cè)賬號(hào)
第1步梭域,打開瀏覽器斑举,訪問網(wǎng)址:www.aliyun.com。
2-12-1.jpg
第2步病涨,點(diǎn)擊“注冊(cè)有禮”按鈕懂昂,或者有時(shí)候可能是“注冊(cè)”按鈕,出現(xiàn)登錄界面没宾。
2-12-2.jpg
第3步,輸入會(huì)員名沸柔、登錄密碼循衰、密碼確認(rèn)和手機(jī)號(hào),拖動(dòng)驗(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)入注冊(cè)成功頁面
2-12-4.jpg
第5步奸鬓,選擇所屬行業(yè),點(diǎn)擊“網(wǎng)站”掸读,點(diǎn)擊“領(lǐng)取禮包”串远,進(jìn)入領(lǐng)券頁面。領(lǐng)券頁面可能是某個(gè)時(shí)間段做活動(dòng)才有儿惫,如果沒有的話澡罚,就執(zhí)行第6步。
2-12-5.jpg
第6步肾请,點(diǎn)擊右上角的“控制臺(tái)”按鈕留搔,進(jìn)入控制臺(tái)主界面。
2-12-6.jpg
到了這里铛铁,基本上算注冊(cè)登錄成功了隔显。以后就可以通過會(huì)員名和登錄密碼登錄進(jìn)入控制臺(tái)主界面。
實(shí)名認(rèn)證
由于購買云服務(wù)器需要實(shí)名認(rèn)證避归,因此先去做實(shí)名認(rèn)證工作荣月。
第7步,將鼠標(biāo)移動(dòng)到右上角梳毙,登錄會(huì)員名上面哺窄,出現(xiàn)彈出菜單。
2-12-7.jpg
第8步,點(diǎn)擊“實(shí)名認(rèn)證”按鈕萌业,彈出一個(gè)新的網(wǎng)頁窗口坷襟,顯示實(shí)名認(rèn)證界面。
2-12-8.jpg
第9步生年,先選擇“個(gè)人”認(rèn)證類型婴程,再點(diǎn)擊“確定”按鈕,進(jìn)入實(shí)名認(rèn)證方式選擇界面抱婉。
2-12-9.jpg
第10步档叔,點(diǎn)擊“個(gè)人支付寶認(rèn)證”右側(cè)的“立即認(rèn)證”按鈕,進(jìn)入支付寶綁定界面蒸绩。
2-12-10.jpg
第11步衙四,輸入支付寶賬戶和登錄密碼,點(diǎn)擊“綁定支付寶賬號(hào)”按鈕患亿,進(jìn)入驗(yàn)證身份界面传蹈。
2-12-11.jpg
第12步,點(diǎn)擊“點(diǎn)擊免費(fèi)獲取”步藕,收到驗(yàn)證碼后輸入惦界,點(diǎn)擊“確定”按鈕,顯示成功通過阿里云個(gè)人認(rèn)證咙冗。
2-12-12.jpg
創(chuàng)建云服務(wù)器訂單
接下來误证,要購買一個(gè)云服務(wù)器俭识。
第13步踩官,關(guān)閉剛才打開的網(wǎng)頁窗口轨香,回到“阿里云管理控制臺(tái)首頁”這個(gè)網(wǎng)頁窗口。
2-12-13.jpg
第14步仪或,點(diǎn)擊控制臺(tái)主界面确镊,左上角的“云服務(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)端口)”,然后頁面向下滾動(dòng)搁骑,繼續(xù)選擇斧吐。
2-12-16.jpg
第17步又固,實(shí)例選擇“系列 I”、“1 核”和“1 核 1GB”煤率,帶寬選擇“按固定帶寬”仰冠,“1Mbps”,然后頁面向下滾動(dòng)繼續(xù)選擇蝶糯。
2-12-17.jpg
第18步洋只,鏡像選擇“公共鏡像”,操作系統(tǒng)選擇“Ubuntu”和“14.04 64位”昼捍,存儲(chǔ)選擇“普通云盤”和“40G”识虚,購買量選擇“1個(gè)月”和“1臺(tái)”,然后頁面向下滾動(dòng)繼續(xù)選擇妒茬。
學(xué)哥這里為了演示舷礼,所以只買了一個(gè)月,假如大家有計(jì)劃長期使用郊闯,也可以購買時(shí)間長點(diǎn)。當(dāng)然也可以先買一個(gè)月蛛株,到期了再續(xù)費(fèi)也可以团赁。
2-12-18.jpg
第19步,安全設(shè)置選擇“設(shè)置密碼”谨履,輸入登錄密碼和確認(rèn)密碼欢摄,2個(gè)密碼要設(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)擊有上角“控制臺(tái)”按鈕一忱,回到“阿里云管理控制臺(tái)首頁”這個(gè)網(wǎng)頁窗口莲蜘。
2-12-23.jpg
第24步,看到“我的產(chǎn)品”下面的“彈性計(jì)算”里面的“云服務(wù)器 ECS”右邊出現(xiàn)了一個(gè)“1”掀潮,表示云服務(wù)器創(chuàng)建好了菇夸。
點(diǎn)擊這個(gè)“云服務(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(公)”择诈,這個(gè)就是云服務(wù)器在互聯(lián)網(wǎng)上的公網(wǎng)IP地址。后面登錄進(jìn)入服務(wù)器需要用到這個(gè)地址出皇。旁邊的狀態(tài)一欄里面顯示綠色的“運(yùn)行中”羞芍,則表示該服務(wù)器已經(jīng)啟動(dòng),可以正常使用了郊艘。
注意,每個(gè)云服務(wù)器的公網(wǎng)IP地址都是不一樣了纱注,大家后面都要使用自己的IP地址,不要弄錯(cuò)來使用學(xué)哥的這個(gè)IP地址狞贱。
遠(yuǎn)程登錄到云服務(wù)器
第26步刻获,云服務(wù)器創(chuàng)建成功之后,第一件事可以通過cmd窗口瞎嬉,使用命令ping來測(cè)試是否能網(wǎng)絡(luò)連接到這個(gè)云服務(wù)器蝎毡。
2-12-26.jpg
確保網(wǎng)絡(luò)連接之后,就可以遠(yuǎn)程登錄到這個(gè)云服務(wù)器了氧枣。
第27步沐兵,如果在mac筆記本里面,在“終端”程序直接運(yùn)行命令 ssh root@云服務(wù)器IP地址便监,輸入yes回車痒筒,然后輸入密碼回車,就可以登錄到云服務(wù)器了茬贵。注意輸入密碼的時(shí)候是沒有任何反應(yīng)的簿透,直接輸好密碼回車就行了。
2-12-27.jpg
第28步解藻,如果在樹莓派電腦里面老充,在“LX終端”程序直接運(yùn)行命令 ssh root@云服務(wù)器IP地址,輸入yes回車螟左,然后輸入密碼回車啡浊,就可以登錄到云服務(wù)器了觅够。
2-12-28.jpg
如果在windows電腦里面,需要下載一個(gè)putty軟件巷嚣,可以到http://www.pc6.com/softview/SoftView_106764.html下載喘先。
第29步,下載以后是一個(gè)puttyfile.zip壓縮文件廷粒,將這個(gè)文件解壓縮窘拯,然后進(jìn)入目錄,找到putty.exe坝茎,執(zhí)行程序:
2-12-29.jpg
第30步思喊,主機(jī)名稱輸入云服務(wù)器的公網(wǎng)IP地址恨课,保存的會(huì)話輸入“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ī)上面打開一個(gè)瀏覽器箫老,輸入網(wǎng)址http://云服務(wù)器公網(wǎng)IP地址并回車阔籽,應(yīng)該看到如下網(wǎng)頁顯示笆制,說明nginx安裝成功在辆。
2-12-35.jpg
網(wǎng)站代碼部署
下面和上節(jié)課類似,要將4個(gè)文件和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í)行此命令。
然后依次上傳其它文件碴里,如果要上傳整個(gè)目錄,則使用命令 scp -r images root@@云服務(wù)器公網(wǎng)IP地址:/usr/share/nginx/html來同時(shí)上傳目錄和目錄下所有的文件帝火。
如果要同時(shí)上傳4個(gè)文件犀填,可以使用命令如下:
scp index.html index.css project1.html project2.html root@139.196.40.14:/usr/share/nginx/html
多個(gè)文件名之間用空格分開。
2-12-36.jpg
如果是在樹莓派電腦里面疏日,在“LX 終端”程序里面首先執(zhí)行:
cd /home/pi
然后和mac電腦一樣沟优,使用scp命令來上傳文件挠阁。
第37步,如果在windows電腦里面隘谣,需要下載一個(gè)winscp軟件,可以到http://www.7down.com/soft/2304.html下載洪橘。
下載以后是一個(gè)winscp_chs.zip壓縮文件熄求,將這個(gè)文件解壓縮,然后進(jìn)入目錄卿城,找到WinSCP-5.9.1-Setup.exe,執(zhí)行多望。
然后安裝過程一路都是“下一步”怀偷,完成之后,啟動(dòng)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下面财剖,然后從左向右拖動(dòng)文件瞳氓,就可以上傳文件了庞瘸。如果要從云服務(wù)器下載一個(gè)文件或者目錄到本地計(jì)算機(jī),則從右向左拖動(dòng)文件或者目錄。
2-12-40.jpg
測(cè)試訪問網(wǎng)站
確認(rèn)服務(wù)器的/usr/share/nginx/html目錄下面已經(jīng)存在網(wǎng)站程序文件了之后幌陕,就可以通過瀏覽器來訪問這些文件了。
在本地計(jì)算機(jī),打開Chrome瀏覽器逗扒,輸入網(wǎng)址http://云服務(wù)器公網(wǎng)IP地址始锚,然后看到了個(gè)人簡介網(wǎng)站了。
這里為何不需要輸入具體的文件名index.html呢麦轰,這是因?yàn)閚ginx服務(wù)程序默認(rèn)會(huì)顯示index.html,這也是學(xué)哥給文件名起名為index.html的原因妹笆,可以少輸入一段文件名了窟坐。
2-12-41.jpg
以后在任何一臺(tái)能夠上網(wǎng)的計(jì)算機(jī)上面徙菠,輸入這個(gè)網(wǎng)址婿奔,都可以看到網(wǎng)站了,趕快去告訴親戚朋友們,顯擺顯擺吧雕沿。
往期教程
由于學(xué)哥的教程是系列教程崖飘,前后關(guān)聯(lián)極強(qiáng),請(qǐng)大家關(guān)注微信公眾號(hào)【零基礎(chǔ)學(xué)編程】芝囤,查看歷史消息似炎。
作者:零基礎(chǔ)學(xué)編程by學(xué)哥
鏈接:http://www.reibang.com/p/870350686e9b
來源:簡書
著作權(quán)歸作者所有辛萍。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處羡藐。