docker-compose简单实用

部署两个react项目

0.docker 和docker-componse要先安装好,并且拉取nginx镜像（docker pull nginx）
1.新建目录，用于存放配置文件和build文件
2.在目录中创建docker-compose.yml配置文件

version: '2'
services:
  entry:
    image: nginx:latest
    ports:
     - "3008:3001"
    volumes: 
     - /Users/merlinsong/workspace/reactBuilds/entryBuild:/usr/share/nginx/html
     - /Users/merlinsong/workspace/reactBuilds/entryNginxConfig.conf:/etc/nginx/conf.d/default.conf

  energy:
    image: nginx:latest
    ports:
     - "3009:3000"
    volumes: 
     - /Users/merlinsong/workspace/reactBuilds/energyBuild:/usr/share/nginx/html
     - /Users/merlinsong/workspace/reactBuilds/energyNginxConfig.conf:/etc/nginx/conf.d/default.conf

其中entry和energy分别是两个react项目，名称随意。

• image: nginx:latest 表示实用的镜像。
• ports: 部分是个数组其中 "3008:3001”表示将容器的3001端口映射到主机的3008端口.
  volumes: 部分也是个数组，表示将要挂载的主机静态数据.貌似要写绝对路径。

3.nginx的默认目录是/usr/share/nginx/html 这里使用/Users/merlinsong/workspace/reactBuilds/entryBuild这个本机目录覆盖.entryBuild这个目录就是react项目build产物。

注意nginx的默认配置文件中监听的端口是80，这里要改成3001和3000。

在当前目录创建一个配置映射覆盖那个/etc/nginx/conf.d/default.conf默认配置文件

4.启动与停止

// 启动并后台运行
docker-componse up -d

// 停止并删除容器
docker-componse down

// 查看容器
docker-componse ps

打包后的react项目不需要运行在有node环境的机器上，由浏览器负责解析js