摘要：原因是這樣的想要部署一個(gè)平臺(tái)，就在朋友的推薦下選擇了這個(gè)現(xiàn)成的項(xiàng)目該項(xiàng)目分為服務(wù)端客戶(hù)端以及數(shù)據(jù)庫(kù)在嘗試直接部署的時(shí)候發(fā)現(xiàn)需要裝一大堆的環(huán)境，啊，特別的麻煩，之前簡(jiǎn)單的使用過(guò)，就在想能不能用免環(huán)境直接部署呢于是就有了這次的嘗試多容器通信該

想要部署一個(gè)mocker平臺(tái)，就在朋友的推薦下選擇了api-mocker這個(gè)現(xiàn)成的項(xiàng)目

該項(xiàng)目分為服務(wù)端node、客戶(hù)端vue、以及數(shù)據(jù)庫(kù)mongoDB

在嘗試直接部署的時(shí)候發(fā)現(xiàn)需要裝一大堆的環(huán)境，node、mongo、nginx啊，特別的麻煩，之前簡(jiǎn)單的使用過(guò)docker，就在想能不能用docker免環(huán)境直接部署呢？于是就有了這次的嘗試

該項(xiàng)目分為3個(gè)部分，于是就要建立3個(gè)容器（node、mongo、nginx）

那容器之間怎么實(shí)現(xiàn)通信呢？

 # 通過(guò)link指令建立連接
 $ docker run --name  -d -p : --link : 

--link 容器連接指令

< containerName > : < alias >

< 被連接容器名稱(chēng) > : < 容器訪問(wèn)別名 >

注：別名在主動(dòng)建立連接的容器中訪問(wèn)被連接容器使用

以下指令在容器檢測(cè)連接狀態(tài)

$ curl 

1、構(gòu)建mongo容器
2、構(gòu)建node容器并與mongo容器建立連接
3、構(gòu)建nginx容器并與node容器建立連接

我們先拉取mongo鏡像

    $ docker pull mongo:latest

 $ docker images
 REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
 mongo               latest              05b3651ee24e        2 weeks ago         382MB

下面我們讓這個(gè)鏡像跑起來(lái)

 $ docker run --name mock-mongo -d -p 27017:27017 mongo:latest --auth
 # 需要與本地建立文件共享，則使用一下-v指令
 # -v /data/db:/data/db

--auth 指令開(kāi)啟了mongo的連接身份校驗(yàn)
開(kāi)啟校驗(yàn) 是由于 node 跨容器連接時(shí) 不設(shè)置身份校驗(yàn) 開(kāi)啟服務(wù)端無(wú)法連接上mongo數(shù)據(jù)庫(kù)

 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開(kāi)啟了身份驗(yàn)證，所以我們要進(jìn)入mongo容器配置一下node連接時(shí)使用的賬號(hào)

 $ docker exec -it mock-mongo /bin/bash
 $ mongo admin
 # 創(chuàng)建manager user
 $ db.createUser({user:"admin", pwd:"admin",roles:[{role:"admin",db:"admin"}]})
 # 賬號(hào)授權(quán)
 $ db.auth("admin","admin")

現(xiàn)在我們的mongo數(shù)據(jù)庫(kù)已經(jīng)跑起來(lái)了，接下來(lái)我們就要建立node容器了

在開(kāi)始構(gòu)建node容器前我們要先約定好mongo容器別名，端口號(hào)以及登錄賬號(hào)密碼

mongo容器別名：db

mongo端口號(hào)：27017

賬號(hào)密碼：admin：admin

我們先修改node服務(wù)端的配置

文件配置 dockerfile/api-mocker/server/config/config.default.js
修改mongo連接配置，db為預(yù)先設(shè)定的mock-mongo容器的別名

  mongoose: {
    url: "mongodb://admin:admin@db:27017/api-mock?authSource=admin"
  },

現(xiàn)在我們編寫(xiě)一個(gè)Dockerfile文件來(lái)構(gòu)建鏡像

  # 指定基礎(chǔ)鏡像
  FROM node:latest
    
  # 維護(hù)者
  MAINTAINER [email protected]
    
  # 工作目錄
  WORKDIR /www
    
  # 將本地文件添拷貝到容器中，不會(huì)解壓
  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
    
  # 構(gòu)建容器后調(diào)用，在容器啟動(dòng)時(shí)才進(jìn)行調(diào)用
  CMD ["make", "prod_server"]

我們使用編寫(xiě)好的dockerfile文件構(gòu)建鏡像

  $ 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

現(xiàn)在就到了關(guān)鍵的一步，我們將mocker-server鏡像運(yùn)行起來(lái)，并建立服務(wù)器與數(shù)據(jù)庫(kù)的連接

   $ docker run -d -i -t -p 7001:7001 --name mock-server1 --link mock-mongo:db mock-server:1.0.0 /bin/bash

讓我們?cè)倏纯船F(xiàn)在正在運(yùn)行的容器

 $ 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

檢測(cè)node容器和mongo容器的連接狀態(tài)

 $ docker exec -it mock-server /bin/bash
 $ curl db

現(xiàn)在我們的服務(wù)端和數(shù)據(jù)庫(kù)已經(jīng)建立起了連接，接下來(lái)我們要開(kāi)始部署我們的客戶(hù)端

在建立nginx前，我們要先約定好，node容器別名，nginx轉(zhuǎn)發(fā)的端口號(hào)以及客戶(hù)端訪問(wèn)nginx域名及端口號(hào)

node服務(wù)器別名：node

node容器映射的端口號(hào)：7001

nginx域名：127.0.0.1

nginx端口號(hào)：90

我們先拉取nginx鏡像并建立容器

$ docker pull nginx:latest
$ docker run -p 90:80 --link mock-node:node nginx:latest --name mock-nginx
# 查看容器連接狀態(tài)
$ docker exec -it mock-nginx /bin/bash
$ env
# 看到以下數(shù)據(jù)則表示連接成功了
NODE_PORT_7001_TCP=tcp://172.17.0.3:7001
NODE_PORT_7001_TCP_PORT=7001
NODE_ENV_YARN_VERSION=1.9.4

現(xiàn)在我們?cè)诳纯匆呀?jīng)運(yùn)行中的容器

   $ 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
  

由于前端獨(dú)立部署的原因，我們需要修改nginx的配置，修改nginx的配置的方式有以下幾種

在建立容器是使用-v指令將配置文件掛載到本地主機(jī)，在本地修改后在容器重啟nginx

將配置文件復(fù)制到本地主機(jī)，修改后替換容器的對(duì)應(yīng)文件，然后再容器內(nèi)重啟nginx

...

我們當(dāng)前操作環(huán)境是17版 15寸macbook pro，掛載需要特殊配置，因此我才用了第二種方式

配置文件修改

容器內(nèi)配置文件路徑 /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 為指令服務(wù)端容器別名
       proxy_pass http://node:7001/;
   }

   location /mock {
     autoindex on;
     alias /root/dist;
   }
}

覆蓋容器內(nèi)配置并重啟nginx

$ docker cp ~/nginx/default.conf mock-nginx:/etc/nginx/conf.d/default.conf
# 進(jìn)入容器
$ docker exec -it mock-nginx /bin/bash
# 重啟nginx，看到以下提示則表示重啟成功
$ nginx -s reload
2018/11/03 17:23:14 [notice] 68#68: signal process started
    

接下來(lái)就到了我們的最后激動(dòng)人心的最后一步

修改我們前端項(xiàng)目請(qǐng)求的網(wǎng)絡(luò)域名并打包上傳

// 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

當(dāng)然nginx的容器構(gòu)建也可以編寫(xiě)一個(gè)dockfile文件來(lái)實(shí)現(xiàn)，這里我們就不詳細(xì)說(shuō)明了，掛載配置文件和日志至本地主機(jī)有興趣的可以自己嘗試一下

所有驚心動(dòng)魄的配置我們都已經(jīng)完成，現(xiàn)在我們來(lái)測(cè)試一下

訪問(wèn)前端項(xiàng)目： http://127.0.0.1:90/mock
我們會(huì)看到，以下界面說(shuō)明我們前端項(xiàng)目部署成功

我們嘗試注冊(cè)一個(gè)賬號(hào)，看到成功提示，那就說(shuō)明我們整個(gè)項(xiàng)目部署成功了

至此我們的部署就已經(jīng)大功告成了，可以開(kāi)心的mock接口寫(xiě)項(xiàng)目了，撒花~~~

第一次寫(xiě)文章、第一次這樣部署都是艱難的，自己整理了一下思路，也希望能給大家?guī)?lái)一些幫助
最后附上自己整理的docker常用命令以及該項(xiàng)目使用配置文件
覺(jué)得有用的可以star下咯
不早了 晚安~