前言

折騰了2天，總算摸了點皮毛初步部署成功了，不會部署的服務的開發不是一個好前端（啥玩意…算了算了），簡單的說，就是我自己寫了一個demo，涉及了前后臺，我想將其部署到公網上去；
?

簡介

這是一個雖然小，但這是一個較為完整的專案，完整的部署使得對專案的最終上線有了基礎的了解，本次部署使用阿里云安裝了Docker，之后通過docker部署了前臺，后臺，以及資料庫，前臺是基于Vue的網站，后臺基于Node.js，資料庫則采用的mongoDB，并使用Nginx反向代理;
?

準備

前端：基于Vue的前端工程，并完成使用webpack打包；
后端：Node.js提供介面API，并與資料庫互動；
資料庫：mongoDB，存盤基本資訊；
服務器：阿里云服務器（centos7.8+Docker+Nginx），關于阿里云的服務器，我使用的2核4G的配置，更低的配置應該也是可以的，但是過低的話會存在下載安裝過慢的問題;

服務器配置

簡介

這一步，默認已經有一個阿里服務器了，選擇的安裝系統為centos7，在這一個環節，主要的目的是安裝Docker和Nginx，通過安裝這兩個為專案工程打好基礎，
通過網頁終端或者類似FinalShell的終端，進入服務器，開始以下的安裝：
?

更新服務器工具

主要就是更新yum，yum是包管理工具，可以用來更新各種包

yum update

Docker安裝

Docker是什么就不展開細說了，本文只討論部署，簡單的說，docker就是一個虛擬機，里面有各種各樣的程式可以到docker的官方去下載（保真），省的你各種找資源；
?

在線Docker的安裝非常簡單，具體可以查看《Docker安裝》，通過文內說的通過官網的一鍵安裝或者國內的一鍵安裝，或者也可以使用yum

// 安裝最新版本
yum install docker-ce

// 安裝指定版本
yum install  docker-ce-<VERSION_STRING>
// 比如
yum install docker-ce-18.03.1.ce

安裝成功后，可以設定服務器的開機啟動，也可以不可以，設定的話如下

// (重啟命令  $  systemctl restart docker ) 
systemctl start docker  
// 開機啟動
systemctl enable docker   
//  查看docker版本號
docker version 

到這里，docker就安裝完成了，接下來就是通過docker安裝這種軟體了

Nginx安裝

Nginx的作用就是做反向代理，我們可以通過它來將訪問的地址指向我們的前端界面位置，這樣就達到了，訪問某個ip或者域名時，打開的是指定的網頁
?

拉取鏡像

這一步簡單的說就是下載安裝包

// latest代表最新版本，如果是指定版本這里填入對應的版本號，比如latest改為0.18，冒號不能刪
docker pull nginx:latest

通過docker將最新一個版本的nginx安裝包下載下來
?

查看鏡像

下載之后，輸入命令

docker images

輸入后可以查看到docker下所有的鏡像，也就是安裝包

安裝鏡像

先說一個正常的安裝方式，這個方式必須了解，但是不是部署時的命令

docker run --name nginx -p 8080:80 -d nginx

// 引數說明
--name nginx：容器名稱，
-p 8080:80： 埠進行映射，將本地 8080 埠映射到容器內部的 80 埠，
-d nginx： 設定容器在在后臺一直運行，

這里先了解一個概念，服務器本身是有埠的，這個沒問題，docker也是有埠的，上面我們說了，docker是一個類似于虛擬機的存在，虛擬機有埠的，而我們裝在docker內部的程式在服務器上是訪問不了的，通過埠的映射，可以將docker內部的埠和服務器的埠關聯起來；
就拿這里距離，當訪問服務器的8080埠時，約等于訪問了docker的80埠
?

安裝成功后，通過命令查看所有正在運行的鏡像，或者說正在運行的程式

docker ps

部署時的安裝

首先說明為什么或者上面正常安裝不一樣，原因很簡單，是因為我們的nginx是安裝在docker里面的，上文也提到了，docker和服務器并不相通，我們的前端網頁，放在服務器里后，Nginx并不能訪問到，每次都需要先將網頁上傳到服務器，之后，在將服務器的檔案拷貝進docker里的Nginx下，這樣就很麻煩，所以才有了這種方法
?

docker run --name mynginx -d --net="host" --restart=always --privileged=true --net=host -v /usr/docker/mynginx/html:/usr/share/nginx/html -v /usr/docker/mynginx/conf.d:/etc/nginx/conf.d -v /usr/docker/mynginx/logs:/var/log/nginx nginx 

好長的命令，不要緊，分開看：
?

• 這一段就是上面正常的安裝 啟動，并關聯了服務器的所有埠

docker run --name nginx -d --net="host"

• 保持重啟docker時默認打開，并設定一些引數

--restart=always --privileged=true --net=host

1）–privileged=true：開啟特權模式，可以不用這個命令，
2）–net=host：容器就和宿主機共用網路，
這段命令可以不要
?

• 關聯網頁存放路徑

-v /usr/docker/mynginx/html:/usr/share/nginx/html

什么意思？就是說，我們把docker內部nginx里的網頁存放路徑/usr/share/nginx/html，和服務器上面的/usr/docker/mynginx/html檔案關聯起來，以后就不需要放docker下Nginx里的路徑拷貝了，只需要上傳一次，上傳到關聯的路徑就可以了
?

• 關聯Nginx的組態檔路徑

-v /usr/docker/mynginx/conf.d:/etc/nginx/conf.d

同理，Nginx的組態檔路徑也要關聯，不然，雖然上傳了網頁檔案，但是改組態檔還要進docker里，去找到Nginx的組態檔修改，也太麻煩了
?

• 關聯Nginx日志檔案路徑

-v /usr/docker/mynginx/logs:/var/log/nginx

同理，日志檔案也是要關聯的
?

組態檔

上面雖然關聯了Nginx的組態檔路徑，但是里面沒有組態檔，因此，我們需要寫一個組態檔放入檔案夾

# 前端轉發
server{
        listen 80;
        server_name 服務器地址;
        location / {
                root /usr/share/nginx/html;
        }
}

這里服務器地址填自己的服務器地址
?

小結

到這里，Nginx算是裝好了，在這一步中，我們使用docker安裝了nginx，并且使用nginx監聽了服務器的埠，當埠被觸發，那么自動會將網頁回傳；
?

前端檔案上傳

前端的檔案上傳比較簡單，只需要將網頁檔案完整的上傳到剛剛配置好的Nginx對應的檔案夾下就行了，
對了， Vue專案的話需要先將其打包，打包的指令

npm run build

打包完了之后，使用終端工具，比如FInalShell，將前端工程檔案整體上傳到服務器檔案夾下，上文的話，就是上傳到/usr/docker/mynginx/html檔案夾下，
?

小結

這一環節就結束了，到這里為止，應該訪問服務器的IP地址，已經可以打開網頁了，只是網頁不正常而已，因為沒有后臺的支撐，
?

安裝MongoDB

同樣，MongoDB具體是什么，怎么使用就不細說了，簡單的說，就是一個資料庫，是非關聯性資料庫的代表，它的結構，使用方式，對前端而言還是相對比較容易理解的；
?

拉取鏡像

下載鏡像，也就是安裝包

docker pull mongo:latest

安裝啟動鏡像

docker run -itd --name mongo -p 27017:27017 mongo --auth

// 引數解釋
--auth：需要密碼才能訪問容器服務，

這里將docker內部的27017埠和服務器的27017埠系結，注意的是，阿里云自己有安全策略的，系結了埠不代表埠就開放了，因此需要到阿里云官網上面去，進入服務器配置，找到“配置安全規則”，將埠27017加進去

創建用戶

資料庫肯定要用戶名密碼才能訪問，所以需要先創建一個用戶，首先先進入docker下的mongo

docker exec -it mongo mongo admin

然后創建一個用戶，設定密碼，并賦值該用戶對資料庫的操作權限，如果是為其它資料庫創建用戶是一樣的操作，就是把db的值對應到資料庫名

# 創建一個名為 admin，密碼為 111111的用戶，
>  db.createUser({ user:'admin',pwd:'111111',roles:[ { role:'userAdminAnyDatabase', db: 'admin'}]});

# 嘗試使用上面創建的用戶資訊進行連接，
> db.auth('admin', '111111')

接著，通過命令切換到admin資料庫下

use admin

輸入命令db.stats() 或者 show users,你可能會遇到錯誤 not authorized on admin to execute command…
如果報錯了，那么說明此時還沒有操作權限，需要進一步創建資訊

db.auth("admin", "111111")
db.grantRolesToUser("admin", [ { role: "readWrite", db: "admin" } ])

權限說明

• 資料庫用戶角色：read、readWrite;
• 資料庫管理角色：dbAdmin、dbOwner、userAdmin；
• 集群管理角色：clusterAdmin、clusterManager、clusterMonitor、hostManager；
• 備份恢復角色：backup、restore
• 所有資料庫角色：readAnyDatabase、readWriteAnyDatabase、userAdminAnyDatabase、dbAdminAnyDatabase
• 超級用戶角色：root

?

連接資料庫

資料庫創建成功后，那么就是測驗是否可以連接了，安裝個工具Navicat，點擊左上角的“連接”，選擇MongoDB，填完后，點擊左下角的測驗鏈接，提示“連接成功”

?

小結

到這里資料庫就安裝成功了，本地的后臺應該可以連接到資料庫，從資料庫讀取資訊，存盤資訊
?

安裝Node.js

在這一環節，默認已經有一個基于Node.js的后臺工程了，現在的目標是需要將這個后臺在服務器上啟動，供前臺訪問；
?

拉取鏡像

還是要先下載鏡像

// 最新的，或者latest換成指定的版本號
docker pull nodejs:latest

安裝鏡像

這一步，和別的安裝鏡像不大一樣了，我們的目的是將：后臺程式+Node.js鏡像打包，組成一個全新的鏡像，然后安裝啟動這個鏡像，這樣我們的后臺程式就可以跑在docker里了
?

Dockerfile

怎么打包成一個新鏡像呢？這就用到了Dockerfile，什么是Dockerfile，簡單的說：Dockerfile 是一個用來構建鏡像的文本檔案，文本內容包含了一條條構建鏡像所需的指令和說明，
?

先在服務器的根目錄新建一個檔案夾，檔案夾隨便取名比如dockerfile，之后再該檔案夾下新建一個檔案命名：Dockerfile，注意的是比如大寫開頭，比如這樣：

將路徑切換到該檔案夾，并使用命令打開Dockerfile

vim Dockerfile

填入內容，具體的每行用法可以去網上搜一下Dockerfile，這里簡單的說一下，就是新鏡像引入了node，之后就是將指定檔案夾內的后臺程式打包進去，并且執行鏡像的時候需要先npm install 一下，因為是node后臺所以需要npm install安裝依賴，之后npm run dev代表的是啟動后臺，這個命令就是本地的時候啟動后臺用的命令，
?

另外這里匯出了埠5000，這個必須和node中開啟的埠一致，并且這個埠也要去阿里云的安全規則里面配置開放好，

#參考鏡像
FROM node:latest
#作者
MAINTAINER yzq

#執行命令，創建檔案夾
RUN mkdir -p /home.service

#將dist目錄拷貝到鏡像里
COPY ./dist /home/service

#指定作業目錄
WORKDIR /home/service

#安裝依賴及構建node應用
RUN npm install

#定義程式默認埠
EXPOSE 5000
#運行程式命令
CMD npm run dev

?

打包鏡像

在當前Dockerfile目錄下，執行打包，這個“.”代表的是當前目錄下的Dockerfile檔案

docker build -t nodeapi .

打包完了之后，運行命令

docker images

在串列中會出現一個新的鏡像，比如上文命名的是nodeapi，那么此時在images串列中會有一個新的鏡像，名字就叫nodeapi
?

運行啟動

到這里，就是正常的運行啟動鏡像了

docker run -d -p 5000:5000 mynodeapp

小結

到這里，nodejs的后臺算是安裝完成了，當新的集合鏡像安裝啟動成功后，就代表后臺啟動成功了，測驗一下介面，如果介面通的話，那么前臺網頁自然也能訪問介面，這樣整個專案就算是部署成功了，
?

結束語

完整的部署了一遍后，對專案的整體部署有了進一步感悟，雖然部署的很皮毛，什么負載均衡之類的都沒有，但新知識的獲取總讓人開心~