Docker前后端部署(vue+jar/war)

1 Docker部署jar

1.1 将jar包上传到服务器指定目录

 # 例如： /code/master/目录
 mkdir -p /code/master
 cd /code/master
 # jar文件，上传到指定目录，jar包名:demo-0.0.1-SNAPSHOT.jar

1.2 在该目录下创建Dockerfile 文件

vim Dockerfile

1.3 Dockerfile文件添加代码

FROM java:8
MAINTAINER wcw
ADD demo-0.0.1-SNAPSHOT.jar demo.jar
EXPOSE 8080
ENTRYPOINT ["java","-jar","demo.jar"]

from java:8

• from java:8 表示拉取一个jdk为1.8的docker image
• 首先需要在docker中查看，是否有java

1. docker images               查看是否有java:8
2. docker pull java:8           如果没有java:8,直接拉取
   
   

maintainer

• 作者是cw
  
  

ADD demo-0.0.1-SNAPSHOT.jar demo.jar

demo-0.0.1-SNAPSHOT.jar

• 就是你上传的jar包，替换为jar包的名称

demo.jar

• 是将该jar包重新命名为什么名称，在容器中运行(在docker中镜像的名称）

expose 8080

• 该容器暴露的端口是多少，就是jar在容器中以多少端口运行

entrypoint

• 容器启动之后执行的命令，java -jar demo.jar 即启动jar

1.4 编辑好Dockerfile文件后，执行命令 构建镜像

docker build -t my-demo .

最后的 . 表示 Dockerfile 文件在当前目录下

1.5 镜像构建成功后，运行容器

# -d后台运行，--name容器名称，-p映射端口
# 如果服务器重启，或docker重启，此条命令运行的容器将关闭(不会随着docker自启动)
docker run -d --name demo -p 8080:8080 my-demo

或
# docker可以支持把一个宿主机上的目录挂载到镜像里。
docker run --name demo -p 8088:8081 -v /masterFile/data:/home/ruoyi/uploadPath -d my-demo

或

# 这个表示docker容器在停止或服务器开机之后会自动重新启动 --restart=always
docker run -d --restart=always --name demo -p 8080:8080  my-demo  

如果docker run 的时候没有加 --restart=always ，然而已经运行的docker容器怎么设置自动重启？

执行下面命令：
docker update –-restart=always demo

1.6 查看容器是否运行

# 查看刚刚构建的镜像是否构建成功
docker images 

# 查看容器是否运行
docker ps

1.7 查看启动日志

# 查看demo容器最近300条日志信息
docker logs --tail  300 -f  demo  查看启动日志 

1.8 访问后端接口

# 这里采用postman访问后端接口

http://ip:docker对外暴露端口

一键命令部署

docker pull jdk8
cd /server/
mkdir deploy/jar

docker run -d \
--restart=always \
-v /server/deploy/jar:/jar -v /server/logs/demo:/mnt/logs/demo \
-p 7778:7778 \
--name demo \
jdk8 /usr/bin/java -jar \
-Duser.timezone=GMT+08 \
/jar/demo-1.0.jar

-Duser.timezone 是设置时区

jdk8 /usr/bin/java -jar 是执行 java jar的命令

/jar/demo-1.0.jar 是需要运行的jar包的位置在容器中的什么位置，/jar 下面

2 Docker部署vue

2.1 将打包后的vue上传到服务器指定目录

 # 例如： /code/ui/目录
 mkdir -p /code/ui
 cd /code/ui
 # 打包后文件，上传到指定目录，包名:vue-ui
 # 如果vue的后端也是部署在服务器上，且也是docker，那么vue向后端请求的url需是ip:对外端口

2.2 在该目录下创建Dockerfile 文件

vim Dockerfile

2.3 Dockerfile文件添加代码

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

2.4 编辑好Dockerfile文件后，执行命令 构建镜像

# 执行改命令前，保证当前所在位置与Dockerfile同级目录
docker build -t vue-ui .

2.5 镜像构建成功后，运行容器

# 运行此命令前，docker ps 查看端口使用，避免端口占用
docker run -d --name vue-ui -p 8002:80 vue-ui

2.6 访问前端

# vue的mode值为hash
http://服务器IP:3000/#/

# vue的mode值为history
http://服务器IP:3000

在部署上，对docker命令不懂的可以查看本人的另一篇博客：
docker常用命令: https://blog.csdn.net/qq_43324779/article/details/123467174