前端自动化部署-docker/portainer

环境 centos7

一、省略 docker 部分

二、拉取 portainer 和 nginx 镜像

 sudo docker pull portainer/portainer-ce
 sudo docker pull nginx
 
 sudo docker volume create portainer_data
 //启动 portainer 为9000端口
 docker run -d -p 9000:9000 --name portainer   -v /var/run/docker.sock:/var/run/docker.sock   -v portainer_data:/data   portainer/portainer-ce
//查看镜像
docker images

三、访问iportainer,注册账号进入镜像（Images）

四、将 vue 打包后的项目压缩为 web.tar ,和 nginx.conf 一起压缩为 vue.tar。

web 将是存放vue打包的index.html文件等

Dockerfile内容，nginx:latest 为基础镜像，暴露 80端口

FROM nginx:latest
COPY nginx.conf /etc/nginx/nginx.conf 
COPY default.conf /etc/nginx/conf.d
COPY *.tar /opt/

WORKDIR /opt
RUN ls
RUN pwd
RUN tar -xvf  web.tar
RUN ls

EXPOSE 80

将所有文件一起压缩为 vue.tar

五、上传镜像

image->build a new image

六、编辑脚本运行创建容器

vue脚本

version: '1'
services:
  nginx:
   image: vue
   hostname: peer1
   ports:
   - "80:80"
   network_mode: "host"
   volumes: 
   - "/var/lib/docker/volumes/portainer_data/_data"
   extra_hosts:
   - "peer2:192.168.1.2"
   restart: on-failure

运行创建容器

七、访问nginx,项目部署完成

Tags：前端项目部署

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。