有很多做網(wǎng)頁的前端后端小白都想把自己辛辛苦苦做出來的網(wǎng)站放到網(wǎng)上，讓別人觀摩觀摩。可無奈技術(shù)有限，對于網(wǎng)站部署流程有些迷茫。在這里，我會告訴大家，如何將自己做出來的網(wǎng)站放到網(wǎng)上。

首先，我們需要明白幾個概念：備案，解析。

然后，我們還要知道，應(yīng)該準(zhǔn)備什么東西：網(wǎng)站源代碼（這個就不細(xì)說了），服務(wù)器，域名。

域名備案

所謂的網(wǎng)站備案其實(shí)是網(wǎng)站的ICP備案的簡稱，國家相關(guān)規(guī)定如下：《互聯(lián)網(wǎng)信息服務(wù)管理辦法》指出互聯(lián)網(wǎng)信息服務(wù)分為經(jīng)營性和非經(jīng)營性兩類。國家對經(jīng)營性互聯(lián)網(wǎng)信息服務(wù)實(shí)行許可制度；對非經(jīng)營性互聯(lián)網(wǎng)信息服務(wù)實(shí)行備案制度。未取得許可或者未履行備案手續(xù)的，不得從事互聯(lián)網(wǎng)信息服務(wù)。

一般來說，備案指的是域名進(jìn)行備案，而不是服務(wù)器進(jìn)行備案。一個網(wǎng)站是否備案，是取決于網(wǎng)站所用空間是國內(nèi)還是國外的. 如果是國內(nèi)主機(jī)，網(wǎng)站域名需要備案，才能通過域名訪問到你的網(wǎng)站。

如果是國外主機(jī)，網(wǎng)站域名是不用備案的，也可以通過域名訪問。

域名解析

域名解析是把域名指向網(wǎng)站空間IP，讓人們通過注冊的域名可以方便地訪問到網(wǎng)站的一種服務(wù)。IP地址是網(wǎng)絡(luò)上標(biāo)識站點(diǎn)的數(shù)字地址，為了方便記憶，采用域名來代替IP地址標(biāo)識站點(diǎn)地址。域名解析就是域名到IP地址的轉(zhuǎn)換過程。域名的解析工作由DNS服務(wù)器完成。

了解完這些之后，我們可以進(jìn)行實(shí)際操作。

一丶服務(wù)器

服務(wù)器是提供計(jì)算服務(wù)器、網(wǎng)絡(luò)服務(wù)的一種設(shè)備。當(dāng)我們訪問一個網(wǎng)站時(shí)，點(diǎn)擊這個網(wǎng)站會發(fā)出訪問請求，服務(wù)器會響應(yīng)服務(wù)請求，并相對應(yīng)地進(jìn)行處理，反饋相對應(yīng)的數(shù)據(jù)。

如果我們想要把自己的網(wǎng)站讓別人也能看到，那就必須要放到服務(wù)器上。而比較常見的分為個人服務(wù)器，企業(yè)級服務(wù)器。一般我們需要的是個人服務(wù)器?，F(xiàn)在人們用的比較多的服務(wù)器有：阿里云，騰訊云，百度云等。在這里我以阿里云為例進(jìn)行講解（其他幾款流程也大致相同）。

1. 到阿里云官網(wǎng)挑選購買服務(wù)器。

注冊什么的有支付寶一般沒什么問題，略過

對于小白來說，個人服務(wù)器一般有兩種選擇，一種是云服務(wù)器 ECS ，一種是輕量應(yīng)用服務(wù)器。

ECS云服務(wù)器

輕量應(yīng)用服務(wù)器

兩者區(qū)別不大，前者類似于純凈版系統(tǒng)，需要有一定的運(yùn)維技術(shù)，配置起來較為繁瑣；后者類似于基礎(chǔ)版系統(tǒng)，易用易上手。在性能上，后者將系統(tǒng)盤升級為SSD，容量減小一半，提升了性能。相同CPU，在內(nèi)存相同的情況下，單來比較磁盤讀寫性能,可見速度的提升明顯。

購買界面

注意：在阿里云需要購買3個月以上的服務(wù)器才可以申請備案（ECS云服務(wù)器中按量付費(fèi)購買的服務(wù)器也不可以申請備案），需要備案的小白要注意了。

當(dāng)然，如果你還是學(xué)生的話，阿里云有“云翼扶持計(jì)劃”。

購買成功后，我們需要進(jìn)行服務(wù)器的配置。

2. 配置屬于自己的服務(wù)器。

當(dāng)你購買了服務(wù)器后，就可以到右上角的控制臺去查看。

這里是你自己的控制臺，你所購買的產(chǎn)品都可以在這里查看。

點(diǎn)擊“遠(yuǎn)程連接”后

因?yàn)檫M(jìn)入控制臺后，大部分的操作都需要“管理員權(quán)限”，所以首先先切換成“管理員”。輸入：

sudo su root

這里的“root”是默認(rèn)管理員的名字，需要看自己管理員的名字進(jìn)行更改。

接下來進(jìn)入到usr文件夾下，輸入：

cd /usr

注意，這里cd /usr中間是有一個空格的，否則無法進(jìn)入。

在usr文件夾下創(chuàng)建一個文件夾，例如：java，用來存放后面用到的tomcat和java的jdk包。輸入：

mkdir java

再輸入：

ls

就可以查看到usr下所有的文件夾，以及java文件夾是否創(chuàng)建成功。

因?yàn)樯婕暗絡(luò)dk,tomcat的安裝和解壓，為了方便操作，我們需要下載一個軟件——xftp（或者filezilla也行），順便下載java的jdk壓縮包，和tomcat的壓縮包，具體的可以去官網(wǎng)下載，不細(xì)說。

安裝成功后打開xftp，新建會話。

確認(rèn)之后即可。

將下載好的JDK和tomcat的壓縮包復(fù)制粘貼到xftp中右側(cè)的usr/java目錄下。（這里我已經(jīng)粘貼解壓好，本來是空的）。

然后回到命令行控制臺，查看一下文件夾是否成功粘貼到j(luò)ava文件夾下。

成功后可以解壓這兩個壓縮包在此目錄下，分別輸入：

tar -xzvf  jdk-xxxxx.tar.gz

tar -xzvf apache-tomcat-xxxxxx.tar.gz

xxxx是你自己下載的壓縮包對應(yīng)名字。

如果覺得解壓后的文件夾名字太長，需要更改，輸入：

mv 更改前名字 更改后名字

成功后如下圖

然后開始配置一些必需變量，輸入：

vim /etc/profile

這里需要在里面添加環(huán)境變量，直接在控制臺輸入。當(dāng)然，為了方便，可以從xftp中找到profile文件導(dǎo)出，修改后再導(dǎo)入覆蓋。

右鍵導(dǎo)出，在結(jié)尾增加如下代碼：

JAVA_HOME=/usr/java/你的jdk文件夾名
PATH=/usr/java/你的jdk文件夾名/bin:$PATH
CLASSPATH=.:/usr/java/你的jdk文件夾名/lib/dt.jar:/usr/java/你的jdk文件夾名/lib/tools.jar
CATALINA_HOME=/usr/java/你的tomcat文件夾名
export JAVA_HOME PATH CLASSPATH CATALINA_HOME

修改成功導(dǎo)入即可。

然后在控制臺啟動配置，輸入：

source /etc/profile

然后再輸入：

javac

如果顯示下圖，去啟動tomcat。

輸入：

cd /usr/java/你的tomcat文件夾名/bin

啟動tomcat：

./startup.sh

如果也出現(xiàn)如下圖，恭喜你，你的服務(wù)器已經(jīng)配置成功??！

二丶域名

域名，是由一串用點(diǎn)分隔的名字組成的Internet上某一臺計(jì)算機(jī)或計(jì)算機(jī)組的名稱，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識計(jì)算機(jī)的電子方位。

IP地址，是Internet主機(jī)的作為路由尋址用的數(shù)字型標(biāo)識，人不容易記憶，因而產(chǎn)生了域名這一種字符型標(biāo)識。

通俗的說域名就相當(dāng)于一個家庭的門牌號碼，別人通過這個號碼可以很容易的找到你。這也意味著在全世界沒有重復(fù)的域名。當(dāng)然，此時(shí)沒有域名也可以使用IP地址來訪問你的網(wǎng)站。

Docker+K8s+Jenkins 主流技術(shù)全解視頻資料【干貨免費(fèi)分享】

1.購買屬于自己的域名。

可以到阿里云官網(wǎng)進(jìn)行域名購買，購買前需要先查詢你想購買的域名名字是否已經(jīng)被人注冊。

選擇自己心儀的域名進(jìn)行注冊購買。

2.域名的配置。

域名購買成功后，可以進(jìn)入到自己的控制臺查看。

由于剛購買的域名，所以需要實(shí)名認(rèn)證，點(diǎn)擊（2）后填寫相關(guān)資料后提交，大概1個工作日內(nèi)會有你的“專屬商務(wù)經(jīng)理”給你打電話進(jìn)行實(shí)名認(rèn)證資料和核實(shí)，沒問題的話一般3-5個工作日內(nèi)就會認(rèn)證成功。

成功之后如下：

然后就要進(jìn)行域名的備案了。

這里需要注意一下：如果你購買的服務(wù)器在中國大陸內(nèi)，就需要進(jìn)行域名備案才能將域名配置到服務(wù)器，如果不是，就可以忽略“備案”這一步。

具體備案步驟可以點(diǎn)擊這里查看（https://help.aliyun.com/knowledge_detail/36922.html?spm=a2c4g.11186623.6.558.30ba1ff5Iku2Fj ），比較詳細(xì)，我就不細(xì)說了。

備案需要10~20個工作日，在這期間我們可以先進(jìn)行域名的解析。

在控制臺點(diǎn)擊“解析”

這里有兩種快速域名解析的方法：

網(wǎng)站域名解析：

郵箱域名解析：

點(diǎn)擊“確認(rèn)”，解析成功。

三丶上傳網(wǎng)站源碼

我們可以通過FTP類的工具幫助我們更加方便地上傳源碼到服務(wù)器上，目前國外用的較多的是FileZilla，國內(nèi)用的多的是XFTP工具，putty等。這里我以xftp5為例。

先前我們已經(jīng)遠(yuǎn)程連接過自己的服務(wù)器了，這里直接連接即可。

連接成功之后我們會找到這樣一個文件夾（這里的java文件夾是解壓jdk和tomcat所在的文件夾）：

進(jìn)入到上面綠色框中的文件夾內(nèi)，其余的東西不需要動，將你做好的整個網(wǎng)站源碼放到新的文件夾里（注意最好全英命名），通過FTP傳輸進(jìn)來。

然后你可以通過你的域名+文件夾名+html單頁面名即可訪問你的網(wǎng)頁（例如：www.域名.com/webapps里你存放網(wǎng)頁的文件夾名/index）。

這時(shí)候你的網(wǎng)站基本部署完畢了！

注意：如果你的網(wǎng)頁不加端口號就通過IP地址和域名來訪問網(wǎng)頁，這時(shí)候需要嘗試修改一下端口，修改到80端口，然后重啟一下tomcat 再試一下。tomcat 默認(rèn)配置文件為 server.xml ，將其中的8080修改為80，然后重啟tomcat 再試一下，因?yàn)槟J(rèn)只有80端口可以不加端口號進(jìn)行訪問。

文章來源：blog.csdn.net/Jekin_KE/article/details/87312623