Docker部署前端 vue 后端 jar/war

• 1 Docker部署jar
• • 1.1 将jar包上传到服务器指定目录
  • 1.2 在该目录下创建Dockerfile 文件
  • 1.3 Dockerfile文件添加代码
  • • • from java:8
      • maintainer
      • ADD demo-0.0.1-SNAPSHOT.jar demo.jar
      • • • demo-0.0.1-SNAPSHOT.jar
          • demo.jar
      • expose 8080
      • entrypoint
  • 1.4 编辑好Dockerfile文件后，执行命令 构建镜像
  • 1.5 镜像构建成功后，运行容器
  • • • 如果docker run 的时候没有加 --restart=always ，然而已经运行的docker容器怎么设置自动重启？
  • 1.6 查看容器是否运行
  • 1.7 查看启动日志
  • 1.8 访问后端接口
  • 一键命令部署
  • • • -Duser.timezone 是设置时区
      • jdk8 /usr/bin/java -jar 是执行 java jar的命令
      • /jar/demo-1.0.jar 是需要运行的jar包的位置在容器中的什么位置，/jar 下面
• 2 Docker部署vue
• • 2.1 将打包后的vue上传到服务器指定目录
  • 2.2 在该目录下创建Dockerfile 文件
  • 2.3 Dockerfile文件添加代码
  • 2.4 编辑好Dockerfile文件后，执行命令 构建镜像
  • 2.5 镜像构建成功后，运行容器
  • 2.6 访问前端

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"]

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

docker build -t my-demo .

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

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

或

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

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