当前位置: 首页 > news >正文

[特殊字符] 05_Jenkins 部署前端项目实现自动化部署

🚀 05_Jenkins 部署前端项目实现自动化部署

📦 一、创建 Item

  1. 打开 Jenkins,点击 新建任务

  1. 填写任务名称,选择 Freestyle project


🌱 二、配置源码管理

  1. 源码管理 中选择 Git

  2. 配置:

    • Repository URL:填写 Git 仓库地址

    • Credentials:填写仓库登录用户名/邮箱和密码

  3. 如果没有 Credentials,需要点击 Add 新建一组。

    注意:此处的用户名密码为登录对应仓库的用户名密码。


🛠️ 三、配置 Node.js 环境

注意:

  1. 确保 Jenkins 已安装 NodeJS Plugin
  2. Manage Jenkins → Global Tool Configuration 中添加 Node.js 版本
  3. 勾选 Provide Node & npm bin/ folder to PATH


📝 四、配置打包 Shell 脚本

构建步骤 → Execute shell 中添加以下脚本:

cd /var/jenkins_home/workspace/video-review-vue3echo "进入 video-review-vue3 文件夹"npm install# 显式执行构建并等待完成
if npm run build; thenecho "✅ 构建完成!等待部署..."
elseecho "❌ 构建失败,请重试!"exit 1
fi# 确认 dist 目录存在
if [ ! -d "dist" ]; thenecho "⚠️ 错误: dist 文件夹未发现!"exit 1
fi

📤 五、配置文件传输 (Publish Over SSH)

  1. 构建后操作 → Send files or execute commands over SSH(确保已安装插件 Publish Over SSH

  2. 配置:

    1. SSH Server,如果没有,需要在 Manage Jenkins → Configure System 中添加:

    2. Source filesdist/**

      注意:Transfer Set / Source files 的路径需要填写项目下的相对路径,项目路径可以在工作空间查看。

      譬如:我这里想要将 dist 下的所有文件传输过去,那么路径就应该为 dist/**。如果复制过去的只是 dist 下所有文件,则 Remove prefix 填写为 distRemote directory 为目标文件夹。

    3. Remove prefixdist

    4. Remote directory:目标服务器路径

http://www.dtcms.com/a/272996.html

相关文章:

  • rv1106使用笔记
  • 【RL-VLM-F】算法框架图绘图学习笔记
  • ubuntu server配置静态IP
  • ​​​​​​​微软PowerBI PL-300认证考试报名入口及费用
  • 【PTA数据结构 | C语言版】顺序队列的3个操作
  • 完美卸载 Ubuntu 双系统:从规划到实施的完整指南
  • 乐鑫代理商飞睿科技,ESP32模组重塑AIoT体验的四大技术支柱
  • C++类型萃取(Type Traits):深入解析std::enable_if与std::is_same
  • git fetch的使用
  • 【第五章-基础】Python 函数---以一个初学者来理解函数
  • 第十六天,7月10日,八股
  • 【网络安全】利用 Cookie Sandwich 窃取 HttpOnly Cookie
  • vue中token的使用与统计实践
  • android闪光灯源码分析
  • Android 插件化实现原理详解
  • 【读书笔记】如何画好架构图:架构思维的三大底层逻辑
  • 遥感影像图像分割-地物提取模型训练与大图直接推理流程
  • 突破传统局限:60G 3D毫米波雷达如何实现精准人体全状态检测?
  • Vue3基础知识
  • 论文笔记(LLM distillation):Distilling Step-by-Step!
  • 5、Vue中使用Cesium实现交互式折线绘制详解
  • 电脑被突然重启后,再每次打开excel文件,都会记录之前的位置窗口大小,第一次无法全屏显示。
  • imx6ul Qt运行qml报错This plugin does not support createPlatformOpenGLContext!
  • 无人机抗风模块运行与技术难点分析
  • Flowable22变量监听器---------------持续更新中
  • OneFileLLM:一键聚合多源信息流
  • 股指期货交割交易日到期没平仓盈亏以哪个价格计算?
  • RP2040使用存储系统
  • 2025年7月10日泛财经要闻精选
  • ACPU正式启动全球化布局,重构AI时代的中心化算力基础施设