Docker部署前后端服务示例

使用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在镜像上用来区分不同版本的镜像，还可以将镜像上传到公司的镜像仓库。在部署时可以用更高阶的容器编排工具来实现高可用分布式部署。后面有会慢慢更新这些内容。