jenkins不同前端项目使用不同版本的NodeJS

工作中我们有时会遇到一个jenkins上搭建多个项目的情况,有的项目使用的框架不一样可能用到的NodeJS版本也不一样,这种情况下一般有两种解决方法,一是使用nvm管理不同版本的NodeJS,二是jenkins全局工具配置管理不同版本NodeJS。
第一种方法可以参考:https://blog.csdn.net/qq_67572731/article/details/141026918
这里介绍一下第二种方法

一、安装NodeJS插件

系统管理的插件管理里搜索NodeJS,我这里已经安装过了,可以在已安装里看到
在这里插入图片描述

在这里插入图片描述

二、全局工具配置

安装完毕后,可以在系统设置-全局工具配置里找到NodeJS,安装管理版本
在这里插入图片描述

在这里插入图片描述
1.点击NodeJS安装-新增NodeJS,这里有几种安装方式,可以选择自动安装,这里我选择的是从官网安装,其余方式小伙伴们感兴趣的可以试一下,如下图:
在这里插入图片描述

在这里插入图片描述
设置完毕后保存即可,等待系统自动安装成功
2.还有一种方式是不使用自动安装,自己定好安装目录后,手动安装,这里安装目录需要自己创建。
可以从官网或者其他网站下载压缩包上传到服务器,然后解压到此目录
在这里插入图片描述

三、脚本编辑

全局工具目前我已知的有两种使用方法,一是创建项目时选择自由风格的项目,构建步骤选择NodeJS脚本,然后选择对应的NodeJS版本,如下:
在这里插入图片描述
在这里插入图片描述

二是创建流水线项目,在配置里指定脚本,然后脚本里指定NodeJS版本:
在这里插入图片描述
在这里插入图片描述

<think>嗯,用户想了解如何使用Jenkins部署前端项目。首先,我需要回忆一下Jenkins的基本操作和持续集成的流程。记得Jenkins需要安装插件,比如Git插件和NodeJS插件,这样才能够拉取代码和执行npm命令。另外,用户可能需要配置Webhook,这样代码提交后自动触发构建。 然后,前端项目通常使用npm或者yarn进行依赖安装和构建,所以需要在Jenkins的构建步骤中添加相应的命令,比如npm install和npm run build。构建后的静态文件需要部署到服务器,可能需要用到Publish Over SSH插件,或者直接上传到CDN。 还要考虑环境变量的配置,比如生产环境和测试环境的不同配置。可能需要使用Jenkins的凭证管理来存储敏感信息,比如API密钥或者服务器登录凭证。此外,如果项目使用Docker,可能还需要集成Docker构建步骤,生成镜像并推送到仓库,再部署到服务器。 用户提供的引用里有提到Docker和持续集成的配置,比如引用[1]和[3]提到了Jenkins和Docker的使用,所以可能需要结合这些内容。例如,使用Docker容器作为构建环境,确保环境一致性。引用[4]是关于Docker学习资源的整理,可能可以建议用户参考这些资源来配置Docker环境。 还需要注意Jenkinsfile的编写,使用Pipeline来定义整个构建、测试、部署流程,这样更灵活。可能用户对Pipeline不太熟悉,需要给出一个简单的示例,比如声明式Pipeline的脚本结构。 另外,部署后的步骤,比如自动化测试、通知反馈等,也是需要考虑的。例如,在构建成功后发送邮件或者Slack通知。可能用户需要这些步骤,但问题中没提到,可以适当提及作为扩展。 最后,确保回答结构清晰,分步骤说明,并引用相关的参考资料,比如提到的持续集成配置和Docker相关的内容。还要生成相关问题,帮助用户深入理解,比如优化构建速度、多环境部署等。</think>### 如何使用 Jenkins 部署前端项目 #### 1. **环境准备** - **安装 Jenkins**:通过 Docker 或本地安装 Jenkins 服务。例如,使用 Docker 镜像快速启动: ```bash $ docker run -p 8080:8080 -p 50000:50000 jenkins/jenkins:lts ``` 引用[^3]中提到的镜像可作为扩展参考。 - **安装必要插件**: - *Git Plugin*:用于拉取代码仓库。 - *NodeJS Plugin*:管理 Node.js 环境(前端项目通常依赖 npm/yarn)。 - *Publish Over SSH*(可选):用于将构建产物部署到远程服务器。 #### 2. **配置项目** - **新建任务**:选择“自由风格项目”或“Pipeline”。 - **源码管理**:配置 Git 仓库地址和凭证,例如: ``` Repository URL: https://github.com/your-project.git Credentials: 添加 GitHub 账户的 SSH 密钥或用户名/密码 ``` - **构建触发器**:设置 Webhook 或轮询 SCM,实现代码提交后自动触发构建[^1]。 #### 3. **构建步骤** - **安装依赖**:在“构建环境”中勾选“Provide Node & npm”,选择 Node.js 版本,并在构建步骤中添加命令: ```bash npm install npm run build # 根据项目实际构建命令调整 ``` - **产物归档**:将生成的静态文件(如 `dist/` 目录)存档或通过 SSH 发送到服务器: ```bash tar -czvf output.tar.gz dist/ ``` #### 4. **部署到服务器** - **使用 SSH 插件**:在“后构建操作”中配置远程服务器信息,将 `output.tar.gz` 传输到目标路径并解压。 - **示例脚本**: ```bash scp -r dist/ user@server:/var/www/html/ ``` #### 5. **通知与日志** - **集成邮件/Slack**:通过 Jenkins 插件配置构建成功/失败通知。 - **查看控制台输出**:调试构建过程中的错误。 --- ### 示例 Jenkins Pipeline 脚本 ```groovy pipeline { agent any stages { stage('Checkout') { steps { git url: 'https://github.com/your-project.git', branch: 'main' } } stage('Build') { steps { sh 'npm install' sh 'npm run build' } } stage('Deploy') { steps { sshPublisher( publishers: [ sshPublisherDesc( configName: 'production-server', transfers: [ sshTransfer( sourceFiles: 'dist/**', remoteDirectory: '/var/www/html' ) ] ) ] ) } } } } ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值