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;"]

此時(shí)web里的文件結(jié)構(gòu)為：

.
|____Dockerfile
|____dist // 為項(xiàng)目打包后的文件
| |____index.html

接下來(lái)在bash 進(jìn)入到web目錄

cd web

docker build -t lilywang711/web .

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

Successfully built 4c050212ce0d
Successfully tagged lilywang711/web:latest

也可以輸入docker images 查看當(dāng)前的鏡像列表

接下來(lái)輸入命令 docker push lilywang711/web 就可將剛才構(gòu)建好的鏡像上傳到docker hub里面，方便等會(huì)兒我們?cè)诜?wù)端拉取鏡像

如果是有多個(gè)項(xiàng)目需要部署，那就按照以上步驟重復(fù)來(lái)就行，有多少個(gè)項(xiàng)目就構(gòu)建多少個(gè)鏡像

服務(wù)端部署

ssh 登陸服務(wù)器，在當(dāng)前用戶(hù)目錄下(我是root目錄)，新建 nginx 文件夾，并在里面新建nginx.conf
在 nginx.conf 中寫(xiě)入以下內(nèi)容

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

接下來(lái)

啟動(dòng)docker systemctl start docker

拉取剛才制作并上傳好的兩個(gè)鏡像

docker pull lilywang711/web

docker pull lilywang711/web1

輸入以下命令啟動(dòng)容器

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

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

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

此時(shí)輸入 docker ps 就可以看到這兩個(gè)容器已經(jīng)跑起來(lái)了

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

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