天天看點

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

歡迎來到新手如何通過阿裡雲伺服器部署靜态網站

作為一個前端開發,第一次部署自己的私人網站,沒有經驗,戰戰兢兢,但是沒有辦法,成為全棧開發工程師的第一步,必須要有的經曆呀~~教程很簡單,但步驟很全。

伺服器的選擇

在這裡我購買的是阿裡雲伺服器 ECS,centos7.4系統的

1. 作業系統選擇

首選伺服器有兩種平台可供考慮,Windows或者Linux。 平時大家開發用的無論是win7,win10就已經是 Windows了,是以就沒有必要再搞一個阿裡雲的windows伺服器來老路重走一邊。 同時Linux部署技能,在面試的時候還是很有用的,是以我們還是選擇使用Linux伺服器。

2. 廠商選擇

Linux伺服器提供廠商有很多,比如阿裡雲,騰訊雲,亞馬遜雲以及其他各種亂七八糟的各種雲。

考慮到很多企業都是把自己的伺服器放在阿裡雲上,是以為了以後工作相容性,我們也采用阿裡雲來做。

3. 購買

點選通路阿裡雲官網位址:

http://aliyun.com/

沒有賬号的同學點選aliyun右上角免費注冊,注冊過程大同小異略過不表。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

進入控制台

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-建立執行個體

ECS就是雲伺服器,進入控制台後,點選左邊的雲伺服器ECS->執行個體->建立執行個體 進入購買新執行個體界面

注: 預設是沒有執行個體的,需要自己建立(購買)

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-計費方式

計費方式選擇包年包月。 雖然說的是包年包月,其實在後續選項裡還支援包周。。。 這就比較适合我們學習了,成本非常低,隻要十幾塊錢。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-地域

選擇預設的華北1就可以了。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-網絡

使用預設設定,其中“請選擇安全組” 必須手動指定為 “預設安全組” 。

所謂的安全組,就是指伺服器開放什麼端口讓别人通路,預設隻開放22和3389端口。

其他端口的開放,将在後續教程裡在需要的時候講解,這裡采用預設即可。

注: 公網IP位址采用:“配置設定” 這裡有其他方案選擇,不過不在本教程讨論範圍之内。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-執行個體

點選選擇其他執行個體規格,選擇最上面也就是最便宜的ecs.t5-lc2m1.nano。 (預設的要貴點是1G記憶體的,我們選512M記憶體的就夠了,以後有需要也可以再增加)

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-公網帶寬

預設的1M即可

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-鏡像

鏡像選擇公共鏡像,其中作業系統選擇CentOS, 版本選擇7.4 64位。

注: 所謂的鏡像就是相當于ghost,選擇上述,那麼拿到手的伺服器就已經裝好了7.4的Centos作業系統了。 除此之外,右邊還有鏡像市場,裡面有java完整環境鏡像,簡單說就是選擇鏡像市場裡面的内容,拿到手的伺服器就是java,mysql,tomcat,ftp等等所有的配置安裝好了的。 不過我們不會采用,因為我們恰恰需要自己去配置這個環境來學習,是以就放棄鏡像市場了。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-存儲

預設40G夠用了

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-購買量

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-安全設定

安全設定,輸入密碼即可。我這裡輸入的密碼是 abc123!@#

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買ECS伺服器-立即購買

最後立即購買就行了 。

注: 新賬号的話,這裡會提示實名認證,有兩種方式認證,阿裡雲或者支付寶,推薦支付寶方式認證,按照流程進行即可,很簡單,略過不表。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼
  1. 檢視執行個體

點選雲伺服器ECS->執行個體 就可以看到已經購買的執行個體。 剛開始會呈現如圖所示的待啟動狀态

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

檢視IP

過一會兒就啟動好了,就可以看到公網IP位址了。 後續通路這個伺服器就是通過這個位址進行通路的。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

購買域名

>購買域名,國内域名需要備案,大概10-15天。如果着急,購買國外的,并不需要備案。
           

開放端口

1.端口概念

要通路Linux的端口,必須開通才行。

在購買ECS伺服器-網絡步驟裡,隻開通了22和3389端口。

22就是SecureCRT連結Linux伺服器用的端口号。

3389 是阿裡雲控制台連結用的端口,這裡沒有用到。

隻有這兩個端口号是不夠用的,為了能夠連結伺服器還需要開放80端口

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

2安全組

既然用的是阿裡雲,那麼我們就借助阿裡雲的安全組操作來實作端口的開放效果。

登陸阿裡雲後,按照如下順序選擇:雲伺服器ECS->安全組->配置規則

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

3目前安全組規則一覽

目前安全組規則是3個,分别是22,3389和ICMP協定。

然後點右上角的 添加安全組規則

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

4添加80端口

如圖所示隻需要修改兩個:

端口範圍: 21/21 表示從21開始,到21結束

授權對象: 0.0.0.0/0 表示所有的ip位址都可以通路該端口

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

5添加後安全組規則一覽

如圖所示,增加了一個新的規則

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

部署網站

前面的做好後,最重要的一部來了,簡單的幾個操作,讓你本地的靜态代碼變成真正的網址可通路的網站。

通過前面的課程就搭建了Linux的伺服器,接下來就要到這個伺服器上去進行一系列的操作了。 但是伺服器所處于的位置在阿裡雲機房裡面, 又不大可能到現場去進行操作,那麼怎麼辦呢?

那就要借助用戶端工具來連結到Linux伺服器上進行相關操作了,用戶端工具有很多種,這裡采用securityCRT。

1.下載下傳一個SecureCRT或者xshell來連接配接遠端伺服器,我這裡用的是SecureCRT。ALT+Q打開快速連接配接

第一次打開之後,就會看到如圖所示的效果。

接下來教程就講解如何連接配接到伺服器

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

2連接配接到伺服器

啟動後進行連接配接:

Protocol :使用預設的SSH2

Hostname: 使用檢視阿裡雲中的IP,我的是47.104.95.212,你們要根據自己的伺服器進行調整。

Port: 使用預設的22. 這個端口在購買ECS伺服器-網絡裡的安全組裡已經開放了的。

Username: 使用root

注: 這個是用于教程的伺服器,在你目前看到的時候,很有可能已經過期了,不能連結了,是以要連結自己購買的伺服器

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

3确認儲存主機資訊

這裡詢問是否儲存主機資訊,點選 Accept & Save

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

4輸入密碼

輸入在 購買ECS伺服器-安全設定 中設定的密碼:

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

5連結成功頁面

如圖所示,連結成功之後是這樣的效果

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

6密碼忘記了怎麼辦?

密碼如果忘記了,點選圖中紅框框的重置密碼。

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

注: 重置之後,一定要重新開機,才能生效在這裡插入圖檔描述

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           

安裝

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼
阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

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之後看到如圖所示的界面

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

2.連接配接

主機位址:輸入伺服器位址

使用者名: root

密碼: paw123###

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

3.連接配接成功界面

連接配接成功之後,就可以看到如圖所示

右邊是服務端: /usr/share/nginx/html 裡的内容,暫時什麼都沒有

左邊是本地: 一些檔案

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

4.上傳和下載下傳

把右邊的内容拖到左邊,就是下載下傳。。。。

把左邊的内容拖到右邊,就是上傳。。。

如圖所示把css 檔案上傳到了伺服器

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

5.到Linux下觀察

進入Linux,然後輸入指令

就可以觀察到html檔案,确認上傳成功啦

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼

6重新開機nginx服務

service nginx restart           

打開我們的網站域名,ok~~

阿裡雲伺服器ECS centos7.4搭建nginx環境部署靜态代碼
了解更多詳細内容可點選加關注

繼續閱讀