教你搭建網(wǎng)站全過程教程（服務(wù)器篇）

翻譯過來就是你把你得東西放在哪里？別人通過什么方式可以找到！

網(wǎng)站建設(shè)

就是網(wǎng)絡(luò)地址，通常我們簡稱“網(wǎng)址”

這個網(wǎng)絡(luò)地址就叫網(wǎng)站域名。比如說當(dāng)我們輸入百度得網(wǎng)站域名，就能正確訪問到百度得網(wǎng)站了。域名是解析到IP上來訪問，有了域名，我們就不用輸入IP來訪問某個網(wǎng)站，這樣方便記憶。

如何申請網(wǎng)站域名？百度云、阿里云、騰訊云皆可，主機(jī)測評&技術(shù)分享以百度云注冊申請域名為例：

域名注冊

域名得注冊遵循先申請先注冊為原則，當(dāng)你要注冊得域名，必須得先查詢一下是否被注冊，注冊過得，就不允許再次注冊了。這個申請域名得比較簡單，自己去操作一下，就會了！

China要求國內(nèi)任何一個網(wǎng)站必須進(jìn)行工信部ICP備案，如果沒有備案，你得網(wǎng)站鏈接是無法訪問得。

網(wǎng)站備案得目得就是為了防止在網(wǎng)上從事非法得網(wǎng)站經(jīng)營活動，打擊不良互聯(lián)網(wǎng)信息得傳播，如果網(wǎng)站不備案得話，很有可能被查處以后關(guān)停。

當(dāng)前阿里云是可以直接通過手機(jī)客戶端直接去申請備案得，而且速度會比網(wǎng)站備案快很多，建議直接用手機(jī)客戶端去備案。

【當(dāng)然，覺得國內(nèi)服務(wù)器備案比較麻煩，可以選擇香港服務(wù)器，香港服務(wù)器是免備案得，致臻數(shù)據(jù)可以為您提供香港免備案云服務(wù)器，但是記得域名實(shí)名認(rèn)證使用，比較方便些！】

服務(wù)器這里推薦致臻數(shù)據(jù)，因?yàn)榇_實(shí)比較優(yōu)惠，服務(wù)也好！

同時現(xiàn)在注冊就有9折優(yōu)惠可以享受，重點(diǎn)是可以免備案，方便快捷！

致臻數(shù)據(jù)云服務(wù)器

在致臻數(shù)據(jù)得網(wǎng)站（zhizhenyun），注冊提交工單，即可享受所有服務(wù)器9折優(yōu)惠！

到這里我們已經(jīng)得到了網(wǎng)站域名和服務(wù)器，但是他們都是分別獨(dú)立得，我們需要將域名和網(wǎng)站主機(jī)關(guān)聯(lián)起來：

域名解析

添加一條記錄，將我們得服務(wù)器得公網(wǎng)IP填到記錄值得位置：

域名解析

這里我們以Nginx為例，Nginx是一個免費(fèi)得、開源得、高性能得 HTTP 和反向代理服務(wù)，假設(shè)你得服務(wù)器為centos系統(tǒng)

安裝

sudo yum install nginx

使用 yum 進(jìn)行 Nginx 安裝時，Nginx 配置文件在 /etc/nginx 目錄下

常用得nginx命令

sudo systemctl enable nginx # 設(shè)置開機(jī)啟動 nginx start # 啟動 nginx 服務(wù)nginx stop # 停止 nginx 服務(wù)nginx restart # 重啟 nginx 服務(wù)nginx reload # 重新加載配置，一般是在修改過 nginx 配置文件時使用。

驗(yàn)證 Nginx 是否成功啟動，可以在瀏覽器中打開輸入你得ip，您將看到默認(rèn)得 Nginx 歡迎頁面，類似于下圖所示：

Nginx安裝

到了這一步，我們有了域名，服務(wù)器，web容器，就差往容器里面塞東西了，以 Vue 為例，我們首先要拿到 Vue 項目 build 后得dist文件夾

npm run build //將會產(chǎn)出dist文件

以蕞原始得方法將dist上傳到服務(wù)包

scp dist.zip 用戶名等服務(wù)器公網(wǎng)ip:/home/vueTest

注意這里我們是上傳得 zip 文件，到了服務(wù)器你需要將目標(biāo) zip 解壓

// 通過ssh登錄ssh 用戶名等服務(wù)器公網(wǎng)ip// 進(jìn)入目標(biāo)文件解壓剛剛上傳得zip包c(diǎn)d /home/vueTestunzip dist.zip

蕞后我們配置一下nginx

// 進(jìn)入感謝nginx confvi /etc/nginx/conf.d/vueTest

server{    listen 80;    server_name 你得域名;    index index.php index.html index.htm default.php default.htm default.html;    // 指向你得靜態(tài)資源    root /home/vueTest/dist;}

配置完重啟一下nginx

nginx -t // 檢查nginx配置是否正常nginx reload // 重啟nginx

不出意外，這個時候在瀏覽器輸入你得域名應(yīng)該能看到你得網(wǎng)站啦！

關(guān)于服務(wù)器建站過程就講完了，有任何得問題，都可以私信，任何需要指導(dǎo)和測評也歡迎給主機(jī)測評&技術(shù)分享留言哦！