Windows环境Jenkins部署前端项目

在Windows环境下使用Jenkins部署前端项目,可以按照以下步骤进行:

1. 安装Jenkins

2. 配置Jenkins环境

  • 配置JDK:确保系统安装了JDK,并在Jenkins的全局工具配置中添加JDK路径。

  • 安装Node.js:安装Node.js,并在Jenkins的全局工具配置中添加Node.js安装路径。

  • 安装插件:在Jenkins管理界面,进入插件管理,搜索并安装以下插件:

    • NodeJS Plugin
    • Git Plugin(如果使用Git进行代码管理)

3. 创建Jenkins任务

  1. 新建任务

    • 在Jenkins首页点击新建任务,选择Freestyle project,并为任务命名。
  2. 配置源码管理

    • 源码管理部分,选择Git
    • 填写Git仓库的URL,并配置访问权限(如必要,添加SSH密钥或使用凭据)。
  3. 构建环境配置

    • 构建环境中,选择Provide Node & npm bin/ folder to PATH,并选择之前配置的Node.js版本。
  4. 添加构建步骤

    • 构建部分,选择Execute Windows batch command,然后添加以下命令:
      # rd/s/q D:\Cache\jenkins\workspace\Route_web\node_modules
      pnpm install
      pnpm build
      
    • 如果需要将构建的文件上传到服务器或者其他地方,可以在构建步骤中添加对应的命令。
      rd/s/q D:\Cache\nginx-proxy\Route_web
      xcopy /s D:\Cache\jenkins\workspace\Route_web\build D:\Cache\nginx-proxy\Route_web\
      

配置nginx

重启nginx

4. 执行构建

  • 配置完成后,点击保存
  • 在任务页面点击立即构建,Jenkins将自动执行你配置的命令来拉取代码、安装依赖并构建前端项目。

5. 配置自动化触发(可选)

  • 如果希望Jenkins在代码仓库发生变化时自动触发构建,可以在构建触发器中配置Poll SCM或者GitHub hook trigger for GITScm polling

需要在仓库地址配置webhook

o(╥﹏╥)o (解决见https://blog.csdn.net/Ukulilion/article/details/129399033)

Poll SCM定时轮询
定时检查源码变更(根据SCM软件的版本号),如果有更新就checkout最新code下来,然后执行构建动作

H/30 * * * *

每隔30分钟检查一次源码变化,有变化就执行

6. 查看构建日志

  • 构建开始后,你可以点击任务名进入任务页面,并查看实时日志来监控构建过程。

7. 发布构建结果(可选)

  • 如果项目需要将构建后的文件发布到指定服务器,可以在构建完成后配置构建后操作,比如通过FTP上传文件,或者执行远程命令。

win环境Jenkins部署前端项目
jenkins构建触发器定时任务Build periodically和Poll SCM
jenkins学习14-构建触发器之定时构建和轮询 SCM
Jenkins - 定时构建设置
Jenkins定时设置

posted @   槑孒  阅读(234)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示