0038 如何將網(wǎng)站部署到阿里云服務(wù)器

上一節(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)注明出處羡藐。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末贩毕,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子仆嗦,更是在濱河造成了極大的恐慌辉阶,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘩扼,死亡現(xiàn)場(chǎng)離奇詭異谆甜,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)集绰,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門规辱,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人栽燕,你說我怎么就攤上這事罕袋。” “怎么了碍岔?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵炫贤,是天一觀的道長。 經(jīng)常有香客問我付秕,道長兰珍,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任询吴,我火速辦了婚禮掠河,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘猛计。我一直安慰自己唠摹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布奉瘤。 她就那樣靜靜地躺著勾拉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪盗温。 梳的紋絲不亂的頭發(fā)上藕赞,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音卖局,去河邊找鬼斧蜕。 笑死,一個(gè)胖子當(dāng)著我的面吹牛砚偶,可吹牛的內(nèi)容都是我干的批销。 我是一名探鬼主播洒闸,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼均芽!你這毒婦竟也來了丘逸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤掀宋,失蹤者是張志新(化名)和其女友劉穎深纲,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體布朦,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年昼窗,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了是趴。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡澄惊,死狀恐怖唆途,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情掸驱,我是刑警寧澤肛搬,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站毕贼,受9級(jí)特大地震影響温赔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鬼癣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一陶贼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧待秃,春花似錦拜秧、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至暖庄,卻和暖如春聊替,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背培廓。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來泰國打工佃牛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人医舆。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓俘侠,卻偏偏與公主長得像象缀,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子爷速,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容