FROM nginx:1.13.6-alpine
LABEL maintainer="lilywang <lilywang.cd@gmail.com>"

ARG TZ="Asia/Shanghai"

ENV TZ ${TZ}

RUN apk upgrade --update \
 && apk add bash tzdata \
 && ln -sf /usr/share/zoneinfo/${TZ} /etc/localtime \
 && echo ${TZ} > /etc/timezone \
 && rm -rf /var/cache/apk/*

COPY dist /usr/share/nginx/html 

CMD ["nginx", "-g", "daemon off;"]

此時web里的文件結構為：

.
|____Dockerfile
|____dist // 為項目打包后的文件
| |____index.html

接下來在bash 進入到web目錄

cd web

docker build -t lilywang711/web .

看到打印信息中有如下就說明鏡像已經(jīng)構建成功了

Successfully built 4c050212ce0d
Successfully tagged lilywang711/web:latest

也可以輸入docker images 查看當前的鏡像列表

接下來輸入命令 docker push lilywang711/web 就可將剛才構建好的鏡像上傳到docker hub里面，方便等會兒我們在服務端拉取鏡像

如果是有多個項目需要部署，那就按照以上步驟重復來就行，有多少個項目就構建多少個鏡像

服務端部署

ssh 登陸服務器，在當前用戶目錄下(我是root目錄)，新建 nginx 文件夾，并在里面新建nginx.conf
在 nginx.conf 中寫入以下內容

user nginx;
worker_processes 2;
error_log /var/log/nginx/error.log warn;
pid  /var/run/nginx.pid;
events {
 use epoll;
 worker_connections 2048;
}
http {
 include /etc/nginx/mime.types;
 # include /etc/nginx/conf.d/*.conf;
 root /usr/share/nginx/html;
 index index.html index.htm;
 server {
  listen 80;
  server_name a.yourdomain.cn;
  location / {
  }
 }
 server {
  listen 80;
  server_name b.yourdomain.cn;
  location / {
   proxy_pass http://your_vps_ip:81;
  }
 }
 server {
  listen 80;
  server_name localhost;
  location / {
  }
 }
}

接下來

啟動docker systemctl start docker

拉取剛才制作并上傳好的兩個鏡像

docker pull lilywang711/web

docker pull lilywang711/web1

輸入以下命令啟動容器

docker run -itd --name web -p 80:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web
// -i 交互模式運行容器, -t 為容器分配一個偽終端，-d 后臺運行容器，可直接連寫 -itd
// --name 是給該容器起個叫web的名字，方便辨識
// -p 是綁定端口 本機端口80:容器端口80
// -v 聲明volume，意思是將容器中的/etc/nginx/nginx.conf 掛載到 宿主機里的/root/nginx/nginx.conf，以后配置nginx只需要修改/root/nginx/nginx.conf就行了

另外一個lilywang711/web1鏡像也同理，修改下端口和名字就好了

docker run -itd --name web1 -p 81:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web1

此時輸入 docker ps 就可以看到這兩個容器已經(jīng)跑起來了

docker化項目并在nginx部署就已經(jīng)完成了

在瀏覽器輸入 http://a.yourdomain.cn 和 http://b.yourdomain.cn 就可以看到效果了，分別對應本地電腦中的web 和 web1 項目