使用Docker部署js前端
1.创建Dockerfile
在项目跟目录下创建Dockerfile文件：
# 使用nginx作为基础镜像
FROM nginx:1.19.1
# 指定工作空间
WORKDIR /data/web
# 将 yarn build 打包后的build文件夹添加到工作空间
ADD build build
# 将项目必要文件添加到工作空间，这里我们把nginx配置文件维护在项目里，部署时直接移动配置文件，就不需要在去处理nginx配置了
COPY ./config/nginx.conf /etc/nginx/conf.d/default.conf
# 暴露80端口
EXPOSE 80
# 启动nginx，要用前台启动
ENTRYPOINT ["nginx", "-g", "daemon off;"]
2.打包项目代码
假设使用yarn构建的前端
yarn build
3.打包镜像
打包最新镜像，镜像名为web，tag为latest
docker build -t web:latest .
查看打包好的镜像
docker images
4.启动容器
使用镜像web:latest启动容器，容器名称为my-web，端口映射到8000
docker run -d --name my-web -p 8000:80 web:latest
查看运行中的容器
docker ps
最后直接在浏览器打开 ip:8000，就可以看到web页面了
使用Docker部署后端
后端打包就更简单了，它不需要nginx环境，直接运行二进制文件就行
1.创建Dockerfile
在项目跟目录下创建Dockerfile文件：
# 使用centos作为基础镜像
FROM centos
# 指定工作空间
WORKDIR /data/service
# 将项目必要文件添加到工作空间
ADD config config
ADD template template
# 将服务打包后的二进制文件添加到工作空间
ADD admin-api admin-api
# 运行二进制文件启动服务
ENTRYPOINT ["./admin-api"]
2.打包镜像启动容器
除了dockerfile不一样，打包镜像和启动容器都是一样的
# 打包项目代码
go build
# 打包镜像
docker build -t admin-api:latest .
# 查看打包好的镜像
docker images
# 使用镜像admin-api:latest启动容器，容器名称为admin-api，端口映射到8001
docker run -d --name admin-api -p 8001:80 admin-api:latest
# 查看运行中的容器
docker ps
以上是docker的简单使用示例，在实际运用过程中，我们还可以把项目打包过程写进dockerfile，或结合ci让gitlab-runner来进行项目打包。打包出来的镜像，以版本号打个tag在镜像上用来区分不同版本的镜像，还可以将镜像上传到公司的镜像仓库。在部署时可以用更高阶的容器编排工具来实现高可用分布式部署。后面有会慢慢更新这些内容。
