歡迎來到新手如何通過阿裡雲伺服器部署靜态網站
作為一個前端開發,第一次部署自己的私人網站,沒有經驗,戰戰兢兢,但是沒有辦法,成為全棧開發工程師的第一步,必須要有的經曆呀~~教程很簡單,但步驟很全。
伺服器的選擇
在這裡我購買的是阿裡雲伺服器 ECS,centos7.4系統的
1. 作業系統選擇
首選伺服器有兩種平台可供考慮,Windows或者Linux。 平時大家開發用的無論是win7,win10就已經是 Windows了,是以就沒有必要再搞一個阿裡雲的windows伺服器來老路重走一邊。 同時Linux部署技能,在面試的時候還是很有用的,是以我們還是選擇使用Linux伺服器。
2. 廠商選擇
Linux伺服器提供廠商有很多,比如阿裡雲,騰訊雲,亞馬遜雲以及其他各種亂七八糟的各種雲。
考慮到很多企業都是把自己的伺服器放在阿裡雲上,是以為了以後工作相容性,我們也采用阿裡雲來做。
3. 購買
點選通路阿裡雲官網位址:
http://aliyun.com/沒有賬号的同學點選aliyun右上角免費注冊,注冊過程大同小異略過不表。

進入控制台
購買ECS伺服器-建立執行個體
ECS就是雲伺服器,進入控制台後,點選左邊的雲伺服器ECS->執行個體->建立執行個體 進入購買新執行個體界面
注: 預設是沒有執行個體的,需要自己建立(購買)
購買ECS伺服器-計費方式
計費方式選擇包年包月。 雖然說的是包年包月,其實在後續選項裡還支援包周。。。 這就比較适合我們學習了,成本非常低,隻要十幾塊錢。
購買ECS伺服器-地域
選擇預設的華北1就可以了。
購買ECS伺服器-網絡
使用預設設定,其中“請選擇安全組” 必須手動指定為 “預設安全組” 。
所謂的安全組,就是指伺服器開放什麼端口讓别人通路,預設隻開放22和3389端口。
其他端口的開放,将在後續教程裡在需要的時候講解,這裡采用預設即可。
注: 公網IP位址采用:“配置設定” 這裡有其他方案選擇,不過不在本教程讨論範圍之内。
購買ECS伺服器-執行個體
點選選擇其他執行個體規格,選擇最上面也就是最便宜的ecs.t5-lc2m1.nano。 (預設的要貴點是1G記憶體的,我們選512M記憶體的就夠了,以後有需要也可以再增加)
購買ECS伺服器-公網帶寬
預設的1M即可
購買ECS伺服器-鏡像
鏡像選擇公共鏡像,其中作業系統選擇CentOS, 版本選擇7.4 64位。
注: 所謂的鏡像就是相當于ghost,選擇上述,那麼拿到手的伺服器就已經裝好了7.4的Centos作業系統了。 除此之外,右邊還有鏡像市場,裡面有java完整環境鏡像,簡單說就是選擇鏡像市場裡面的内容,拿到手的伺服器就是java,mysql,tomcat,ftp等等所有的配置安裝好了的。 不過我們不會采用,因為我們恰恰需要自己去配置這個環境來學習,是以就放棄鏡像市場了。
購買ECS伺服器-存儲
預設40G夠用了
購買ECS伺服器-購買量
購買ECS伺服器-安全設定
安全設定,輸入密碼即可。我這裡輸入的密碼是 abc123!@#
購買ECS伺服器-立即購買
最後立即購買就行了 。
注: 新賬号的話,這裡會提示實名認證,有兩種方式認證,阿裡雲或者支付寶,推薦支付寶方式認證,按照流程進行即可,很簡單,略過不表。
- 檢視執行個體
點選雲伺服器ECS->執行個體 就可以看到已經購買的執行個體。 剛開始會呈現如圖所示的待啟動狀态
檢視IP
過一會兒就啟動好了,就可以看到公網IP位址了。 後續通路這個伺服器就是通過這個位址進行通路的。
購買域名
>購買域名,國内域名需要備案,大概10-15天。如果着急,購買國外的,并不需要備案。
開放端口
1.端口概念
要通路Linux的端口,必須開通才行。
在購買ECS伺服器-網絡步驟裡,隻開通了22和3389端口。
22就是SecureCRT連結Linux伺服器用的端口号。
3389 是阿裡雲控制台連結用的端口,這裡沒有用到。
隻有這兩個端口号是不夠用的,為了能夠連結伺服器還需要開放80端口
2安全組
既然用的是阿裡雲,那麼我們就借助阿裡雲的安全組操作來實作端口的開放效果。
登陸阿裡雲後,按照如下順序選擇:雲伺服器ECS->安全組->配置規則
3目前安全組規則一覽
目前安全組規則是3個,分别是22,3389和ICMP協定。
然後點右上角的 添加安全組規則
4添加80端口
如圖所示隻需要修改兩個:
端口範圍: 21/21 表示從21開始,到21結束
授權對象: 0.0.0.0/0 表示所有的ip位址都可以通路該端口
5添加後安全組規則一覽
如圖所示,增加了一個新的規則
部署網站
前面的做好後,最重要的一部來了,簡單的幾個操作,讓你本地的靜态代碼變成真正的網址可通路的網站。
通過前面的課程就搭建了Linux的伺服器,接下來就要到這個伺服器上去進行一系列的操作了。 但是伺服器所處于的位置在阿裡雲機房裡面, 又不大可能到現場去進行操作,那麼怎麼辦呢?
那就要借助用戶端工具來連結到Linux伺服器上進行相關操作了,用戶端工具有很多種,這裡采用securityCRT。
1.下載下傳一個SecureCRT或者xshell來連接配接遠端伺服器,我這裡用的是SecureCRT。ALT+Q打開快速連接配接
第一次打開之後,就會看到如圖所示的效果。
接下來教程就講解如何連接配接到伺服器
2連接配接到伺服器
啟動後進行連接配接:
Protocol :使用預設的SSH2
Hostname: 使用檢視阿裡雲中的IP,我的是47.104.95.212,你們要根據自己的伺服器進行調整。
Port: 使用預設的22. 這個端口在購買ECS伺服器-網絡裡的安全組裡已經開放了的。
Username: 使用root
注: 這個是用于教程的伺服器,在你目前看到的時候,很有可能已經過期了,不能連結了,是以要連結自己購買的伺服器
3确認儲存主機資訊
這裡詢問是否儲存主機資訊,點選 Accept & Save
4輸入密碼
輸入在 購買ECS伺服器-安全設定 中設定的密碼:
5連結成功頁面
如圖所示,連結成功之後是這樣的效果
6密碼忘記了怎麼辦?
密碼如果忘記了,點選圖中紅框框的重置密碼。
注: 重置之後,一定要重新開機,才能生效在這裡插入圖檔描述
7.開始基本的安裝:
1)添加資源:
添加CentOS 7 Nginx yum資源庫,打開終端,使用以下指令(沒有換行):
``
sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/
nginx-release-centos-7-0.el7.ngx.noarch.rpm
2)安裝Nginx:
在你的CentOS 7 伺服器中使用yum指令從Nginx源伺服器中擷取來安裝Nginx:
sudo yum install -y nginx
3)啟動Nginx:
剛安裝的Nginx不會自行啟動。運作Nginx:
sudo systemctl start nginx.service
4)修改Nginx配置資訊:
vi etc/nginx/conf.d/default.conf
安裝
5)确定檔案沒問題了,看看這個時候是不是開啟了nginx程序:
ps -ef | grep nginx
6)應該會輸出一個或者多個程序,如果沒有的話就開啟或者重新開機試試看。
這個時候接下來再試試在伺服器上:
ping 115.29.102.81
telnet 115.29.102.81 80
wget www.test.cn
7)如果有的指令沒有就直接yum安裝下:
yum -y install telnet
8) 如果有的指令沒有就直接yum安裝下:
brew install wget
9)發現很可能telnet不通。
這個時候就是防火牆的問題。
1. 安裝firewalld
yum install firewalld firewall-config
2. 運作firewalld
systemctl start firewalld
3. 檢視firewalld狀态
systemctl status firewalld 或者 firewall-cmd --state
4. 增加80端口的權限
firewall-cmd --zone=public --add-port=80/tcp --permanent
5. 别忘了更新防火牆的配置
firewall-cmd --reload
6. 别忘了重新開機nginx服務:
restart nginx.service
把本地靜态代碼上傳到伺服器端
1.下載下傳winscp
打開winscp.exe之後看到如圖所示的界面
2.連接配接
主機位址:輸入伺服器位址
使用者名: root
密碼: paw123###
3.連接配接成功界面
連接配接成功之後,就可以看到如圖所示
右邊是服務端: /usr/share/nginx/html 裡的内容,暫時什麼都沒有
左邊是本地: 一些檔案
4.上傳和下載下傳
把右邊的内容拖到左邊,就是下載下傳。。。。
把左邊的内容拖到右邊,就是上傳。。。
如圖所示把css 檔案上傳到了伺服器
5.到Linux下觀察
進入Linux,然後輸入指令
就可以觀察到html檔案,确認上傳成功啦
6重新開機nginx服務
service nginx restart
打開我們的網站域名,ok~~