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

1. 安装Jenkins

  • 可以从Jenkins官网下载Windows版本的Jenkins安装包。
  • 安装完成后，启动Jenkins服务，并通过浏览器访问 http://localhost:8080 进入Jenkins管理界面。
    windows环境Jenkins部署前端项目

2. 配置Jenkins环境

  • 配置JDK：确保系统安装了JDK，并在Jenkins的全局工具配置中添加JDK路径。
  • 安装Node.js：安装Node.js，并在Jenkins的全局工具配置中添加Node.js安装路径。
  • 安装插件：在Jenkins管理界面，进入插件管理，搜索并安装以下插件：
  • NodeJS Plugin
  • Git Plugin（如果使用Git进行代码管理）

Windows环境Jenkins部署前端项目_nginx

3. 创建Jenkins任务

  1. 新建任务：
  • 在Jenkins首页点击新建任务，选择Freestyle project，并为任务命名。
  1. 配置源码管理：
  • 在源码管理部分，选择Git。
  • 填写Git仓库的URL，并配置访问权限（如必要，添加SSH密钥或使用凭据）。
  1. 构建环境配置：
  • 在构建环境中，选择Provide Node & npm bin/ folder to PATH，并选择之前配置的Node.js版本。
  1. 添加构建步骤：
  • 在构建部分，选择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\

Windows环境Jenkins部署前端项目_nginx_02

配置nginx

Windows环境Jenkins部署前端项目_nginx_03


重启nginx

Windows环境Jenkins部署前端项目_Jenkins_04

4. 执行构建

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

5. 配置自动化触发（可选）

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

需要在仓库地址配置webhook

Windows环境Jenkins部署前端项目_nginx_05

o(╥﹏╥)o （解决见）

Windows环境Jenkins部署前端项目_触发器_06

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

H/30 * * * *

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

Windows环境Jenkins部署前端项目_触发器_07

6. 查看构建日志

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

7. 发布构建结果（可选）

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

win环境Jenkins部署前端项目

jenkins构建触发器定时任务Build periodically和Poll SCMjenkins学习

14-构建触发器之定时构建和轮询 SCM

Jenkins - 定时构建设置Jenkins定时设置