1、安装Jenkins插件
系统管理--->>插件管理----->>可用插件搜索即可
配置远程服务器
系统管理--->>一直往下拉,就看的见Publish over SSH
现在你的远程服务器创建你需要的nginx配置文件、Dockerfile、shell脚本
Dockerfile文件
sudo vim Dockerfile
#使用官方 nginx 镜像作为基础镜像
FROM nginx:latest
EXPOSE 80
COPY dist/ /usr/share/nginx/html #将当前目录下的dist文件复制到nginx的html目录下
ADD default.conf /etc/nginx/conf.d #将当前目录下的nginx文件指定为nginx的文件
nginx的配置文件
sudo vim default.conf
server {
listen 80;
server_name 你的IP;
location / {
root /usr/share/nginx/html;
try_files $uri $uri/ /index.html last;
index index.html;
}
location /api/ {
proxy_pass http://你的后端IP:端口/;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
}
}
sudo vim vue.sh
#!/bin/bash
# 检查是否存在 dist 目录
if [ -d "dist" ]; then
echo "dist 文件夹存在,继续执行后续步骤"
# 在这里继续执行你的后续命令,例如创建 Dockerfile
else
echo "没有 dist 文件夹,无法创建 Dockerfile"
exit 1
fi
# 强制删除名为 vue 的容器(如果存在)
docker rm -f vue 2>/dev/null
# 删除名为 vue:v1 的镜像(如果存在)
docker rmi -f vue:1 2>/dev/null
# 构建名为 vue:1 的镜像
docker build -t vue:1 .
# 运行 vue:v1 镜像
docker run -d --name vue -p 80:80 vue:1
# 查看镜像并输出结果
if docker ps | grep vue; then
echo "容器创建成功"
else
echo "容器创建失败"
fi
注意,一定要给nginx跟shell脚本权限,不然容器起不来
创建一个自由风格的前端新项目
前端项目配置
配置选项参数,防止误触构建
构建环境---->>选择node打包,这里插件需要安装才会有显示
部署到远程服务器
构建后操作,找到这个参数
配置远程信息
保存之后就构建
查看日志是否成功
配置后端
现在你的远程服务器编写Dockerfile跟java.sh
sudo vim Dockerfile
# 使用官方的 OpenJDK 11 作为基础镜像
FROM openjdk:21
# 设置工作目录
WORKDIR /app
# 将本地的 JAR 文件复制到容器中的工作目录
COPY df-admin/build/libs/XXXX.jar /app/XXX.jar
# 运行 JAR 文件
ENTRYPOINT ["java", "-jar", "/app/dXXX.jar"]
# 公开应用程序监听的端口
EXPOSE 87
编写java.sh
#!/bin/bash
if [ -d "df-admin" ]; then
echo "df-admin 文件夹存在,继续执行后续步骤"
# 在这里继续执行你的后续命令,例如创建 Dockerfile
else
echo "没有df-admin文件夹,无法创建 Dockerfile"
exit 1
fi
# 强制删除名为 java 的容器(如果存在)
docker rm -f java 2>/dev/null
# 删除名为 java:v1 的镜像(如果存在)
docker rmi -f java:1 2>/dev/null
# 构建名为 java:1 的镜像
docker build -t java:1 .
# 运行 java:v1 镜像
docker run -d --name java -p 87:87 java:1
# 查看镜像并输出结果
if docker ps | grep 87; then
echo "容器创建成功"
else
echo "容器创建失败"
fi
构建后操作步
保存点击构建
最后登录远程服务器查看是否真的部署好容器
docker ps
大概就是这样,多踩坑才能成长,加油,少年