记录一次在Docker上部署前端项目

1.首先在服务器上安装Docker，一共两个版本Docker EE 和Docker CE，我的是CentOS 7 ，安装了Docker CE ，设置启动Docker，下面链接可具体安装docker

用yum安装docker

下面是简便安装方式

1.sudo yum install docker-ce #由于repo中默认只开启stable仓库，故这里安装的是最新稳定版 3:20.10.8-3.el7
2.sudo yum install <FQPN>  # 例如：sudo yum install docker-ce-17.12.0.ce

之后设置开机自启动 ，若不设置开机自启，那么一但服务器宕机或者重启，就得手动输命令重新启动，很麻烦。

sudo systemctl start docker #  启动docker
sudo systemctl enable docker # 设置开机自启

启动，停止容器命令

docker start 容器id
docker restart 容器id
docker stop 容器id
docker kill 容器id
 

2.创建一个Dockerfile文件，主要为了创建一个新的镜像

FROM nginx

WORKDIR /usr/src/app/

COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf

COPY ./docker/ssl /etc/nginx/ssl/

COPY ./dist /usr/share/nginx/html/

EXPOSE 5600

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

3.然后build项目

npm run build

4.将build后的dist文件和Dockerfile、nginx.conf文件上传到服务器放在一个文件夹中，然后进入这个文件夹。

由于公司项目nginx代码没有呈现出来

cd 文件夹名称

5.执行docker命令创建镜像并启动

sudo docker build -t data-escrow-web:$TAG .             ‘.’ 很重要

sudo docker run -p 5600:5600 -d -it --name data-escrow-web data-escrow-web:$TAG

sudo docker ps -a |grep data-escrow-web