原因是這樣的
- 想要部署一個mocker平臺,就在朋友的推薦下選擇了api-mocker這個現成的專案
- 該專案分為服務端node、客戶端vue、以及資料庫mongoDB
- 在嘗試直接部署的時候發現需要裝一大堆的環境,node、mongo、nginx啊,特別的麻煩,之前簡單的使用過docker,就在想能不能用docker免環境直接部署呢?於是就有了這次的嘗試
多容器通訊
- 該專案分為3個部分,於是就要建立3個容器(node、mongo、nginx)
- 那容器之間怎麼實現通訊呢?
# 通過link指令建立連線
$ docker run --name <Name> -d -p <path1>:<path2> --link <containerName>:<alias> <containerName:tag/imageID>
複製程式碼
- --link 容器連線指令
- < containerName > : < alias >
- < 被連線容器名稱 > : < 容器訪問別名 >
- 注:別名在主動建立連線的容器中訪問被連線容器使用
- 以下指令在容器檢測連線狀態
$ curl <alias>
複製程式碼
接下來我們開始嘗試部署
實現過程
1、構建mongo容器
2、構建node容器並與mongo容器建立連線
3、構建nginx容器並與node容器建立連線
構建mongo容器
- 我們先拉取mongo映象
$ docker pull mongo:latest
複製程式碼
$ docker images
REPOSITORY TAG IMAGE ID CREATED SIZE
mongo latest 05b3651ee24e 2 weeks ago 382MB
複製程式碼
- 下面我們讓這個映象跑起來
$ docker run --name mock-mongo -d -p 27017:27017 mongo:latest --auth
# 需要與本地建立檔案共享,則使用一下-v指令
# -v /data/db:/data/db
複製程式碼
--auth 指令開啟了mongo的連線身份校驗 開啟校驗 是由於 node 跨容器連線時 不設定身份校驗 開啟服務端無法連線上mongo資料庫
```
nodejs.MongoError: [egg-mongoose]Authentication failed.
```
複製程式碼
- 檢視容器
$ docker ps -a CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 0d440be90935 mongo "docker-entrypoint.s…" 14 hours ago Up 14 hours 0.0.0.0:27017->27017/tcp mock-mongo 複製程式碼
- 由於我們mongo開啟了身份驗證,所以我們要進入mongo容器配置一下node連線時使用的賬號
$ docker exec -it mock-mongo /bin/bash $ mongo admin # 建立manager user $ db.createUser({user:"admin", pwd:"admin",roles:[{role:"dbAdmin",db:"admin"}]}) # 賬號授權 $ db.auth('admin','admin') 複製程式碼
現在我們的mongo資料庫已經跑起來了,接下來我們就要建立node容器了
構建node容器並與mongo容器建立連線
-
在開始構建node容器前我們要先約定好mongo容器別名,埠號以及登入賬號密碼
- mongo容器別名:db
- mongo埠號:27017
- 賬號密碼:admin:admin
-
我們先修改node服務端的配置
檔案配置 dockerfile/api-mocker/server/config/config.default.js 修改mongo連線配置,db為預先設定的mock-mongo容器的別名
mongoose: { url: 'mongodb://admin:admin@db:27017/api-mock?authSource=admin' }, 複製程式碼
-
現在我們編寫一個Dockerfile檔案來構建映象
# 指定基礎映象 FROM node:latest # 維護者 MAINTAINER qiushiyuan1994@qq.com # 工作目錄 WORKDIR /www # 將本地檔案添拷貝到容器中,不會解壓 COPY api-mocker node-server/api-mocker EXPOSE 7001 WORKDIR /www/node-server/api-mocker/server RUN npm install WORKDIR /www/node-server/api-mocker # 構建容器後呼叫,在容器啟動時才進行呼叫 CMD ["make", "prod_server"] 複製程式碼
-
我們使用編寫好的dockerfile檔案構建映象
$ docker build -t="mock-server:1.0.0" . 複製程式碼
-
讓我們檢視一下映象
$ docker images REPOSITORY TAG IMAGE ID CREATED SIZE mock-server 1.0.0 957ad2aa1f97 8 minutes ago 674MB mongo latest 05b3651ee24e 2 weeks ago 382MB 複製程式碼
-
現在就到了關鍵的一步,我們將mocker-server映象執行起來,並建立伺服器與資料庫的連線
$ docker run -d -i -t -p 7001:7001 --name mock-server1 --link mock-mongo:db mock-server:1.0.0 /bin/bash 複製程式碼
-
讓我們再看看現在正在執行的容器
$ docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
ee780b903c64 mock-server:1.0.0 "/bin/bash" About a minute ago Up 11 seconds 0.0.0.0:7001->7001/tcp mock-server
0d440be90935 mongo "docker-entrypoint.s…" 16 hours ago Up 16 hours 0.0.0.0:27017->27017/tcp mock-mongo
複製程式碼
- 檢測node容器和mongo容器的連線狀態
$ docker exec -it mock-server /bin/bash
$ curl db
複製程式碼
現在我們的服務端和資料庫已經建立起了連線,接下來我們要開始部署我們的客戶端
構建nginx容器並與node容器建立連線
-
在建立nginx前,我們要先約定好,node容器別名,nginx轉發的埠號以及客戶端訪問nginx域名及埠號
- node伺服器別名:node
- node容器對映的埠號:7001
- nginx域名:127.0.0.1
- nginx埠號:90
-
我們先拉取nginx映象並建立容器
$ docker pull nginx:latest $ docker run -p 90:80 --link mock-node:node nginx:latest --name mock-nginx # 檢視容器連線狀態 $ docker exec -it mock-nginx /bin/bash $ env # 看到以下資料則表示連線成功了 NODE_PORT_7001_TCP=tcp://172.17.0.3:7001 NODE_PORT_7001_TCP_PORT=7001 NODE_ENV_YARN_VERSION=1.9.4 複製程式碼
-
現在我們在看看已經執行中的容器
$ docker ps CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES 09644025d148 nginx "nginx -g 'daemon of…" 5 hours ago Up 5 hours 0.0.0.0:90->80/tcp mock-nginx ee780b903c64 mock-server:1.0.0 "/bin/bash" About a minute ago Up 11 seconds 0.0.0.0:7001->7001/tcp mock-server 0d440be90935 mongo "docker-entrypoint.s…" 24 hours ago Up 24 hours 0.0.0.0:27017->27017/tcp mock-mongo 複製程式碼
-
由於前端獨立部署的原因,我們需要修改nginx的配置,修改nginx的配置的方式有以下幾種
- 在建立容器是使用-v指令將配置檔案掛載到本地主機,在本地修改後在容器重啟nginx
- 將配置檔案複製到本地主機,修改後替換容器的對應檔案,然後再容器內重啟nginx
- ...
我們當前操作環境是17版 15寸macbook pro,掛載需要特殊配置,因此我採用了第二種方式
-
配置檔案修改
- 容器內配置檔案路徑 /etc/nginx/conf.d/default.conf
- 拷貝配置檔案至本地
$ docker cp mock-nginx:/etc/nginx/conf.d/default.conf ~/nginx/default.conf 複製程式碼
- 在nginx配置檔案增加以下配置
server { location /mock-api/ { # node 為指令服務端容器別名 proxy_pass http://node:7001/; } location /mock { autoindex on; alias /root/dist; } } 複製程式碼
- 覆蓋容器內配置並重啟nginx
$ docker cp ~/nginx/default.conf mock-nginx:/etc/nginx/conf.d/default.conf # 進入容器 $ docker exec -it mock-nginx /bin/bash # 重啟nginx,看到以下提示則表示重啟成功 $ nginx -s reload 2018/11/03 17:23:14 [notice] 68#68: signal process started 複製程式碼
-
接下來就到了我們的最後激動人心的最後一步
-
修改我們前端專案請求的網路域名並打包上傳
// api-mocker/client/config // module.exports > build > serverRoot module.exports = { build: { serverRoot: '127.0.0.1:90/mock-api' } } 複製程式碼
- 將打包後的dist檔案上傳至nginx配置的/root/dist目錄下
$ docker cp ~/Sites/api-mocker/client/dist mock-nginx:/root 複製程式碼
> 當然nginx的容器構建也可以編寫一個dockfile檔案來實現,這裡我們就不詳細說明了,掛載配置檔案和日誌至本地主機有興趣的可以自己嘗試一下 複製程式碼
測試
-
所有驚心動魄的配置我們都已經完成,現在我們來測試一下
-
訪問前端專案: http://127.0.0.1:90/mock 我們會看到,以下介面說明我們前端專案部署成功
-
我們嘗試註冊一個賬號,看到成功提示,那就說明我們整個專案部署成功了
至此我們的部署就已經大功告成了,可以開心的mock介面寫專案了,撒花~~~
總結
第一次寫文章、第一次這樣部署都是艱難的,自己整理了一下思路,也希望能給大家帶來一些幫助
最後附上自己整理的docker常用命令以及該專案使用配置檔案
segmentfault連結
覺得有用的可以star下咯