【Jenkins】什么?前端还能用Jenkins一键部署?

这篇具有很好参考价值的文章主要介绍了【Jenkins】什么?前端还能用Jenkins一键部署?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前置要求:
Jenkins安装nodejs插件(本篇文章会教)
Linux安装Node.js(图文解说详细版)

如果你是一名前端工程师,那么你可能会对Jenkins这个自动化构建工具并不陌生。但是,你有没有想过在前端项目中使用Jenkins进行自动化部署呢?实际上,Jenkins不仅仅适用于后台服务的构建和部署,它同样也可以为前端项目提供便捷的自动化部署方案。本文将向大家介绍如何在前端项目中运用Jenkins进行一键式自动化部署。

🎸 第一步,Jenkins安装nodejs插件

jenkins nodejs插件,jenkins,前端,运维
jenkins nodejs插件,jenkins,前端,运维

如果出现这样的情况,则使用本地安装,没有则略过、

jenkins nodejs插件,jenkins,前端,运维

本地安装,下载老版本的插件

https://plugins.jenkins.io/nodejs/

jenkins nodejs插件,jenkins,前端,运维
jenkins nodejs插件,jenkins,前端,运维
加入插件管理

jenkins nodejs插件,jenkins,前端,运维
拉到最下面点击选择刚刚下载的hpi文件

jenkins nodejs插件,jenkins,前端,运维
安装完成之后可以在已安装查看

jenkins nodejs插件,jenkins,前端,运维

🎸 第二步,配置node环境

jenkins nodejs插件,jenkins,前端,运维

这里选择linux中node的安装位置

jenkins nodejs插件,jenkins,前端,运维

🎸 第三步,远程部署(如无需要请略过)

jenkins nodejs插件,jenkins,前端,运维
搜索Publish Over SSH

jenkins nodejs插件,jenkins,前端,运维
jenkins nodejs插件,jenkins,前端,运维
系统管理

jenkins nodejs插件,jenkins,前端,运维
配置好服务器的信息

jenkins nodejs插件,jenkins,前端,运维
可以右下角点击测试

jenkins nodejs插件,jenkins,前端,运维

🎸 第四步,新建一个自由风格项目

jenkins nodejs插件,jenkins,前端,运维
设置general

jenkins nodejs插件,jenkins,前端,运维
设置源码地址

jenkins nodejs插件,jenkins,前端,运维
设置构建环境,选我们刚刚配置的node

jenkins nodejs插件,jenkins,前端,运维
选择远程构建

jenkins nodejs插件,jenkins,前端,运维
选择好构建的参数

jenkins nodejs插件,jenkins,前端,运维

npm install
npm run build # npm命令打包项目
rm -rf dist.tar.gz # 删除上一个\已存在的dist压缩包
tar -zcvf dist.tar.gz dist # 将新打的dist包进行压缩

添加第二步步骤(ssh)

jenkins nodejs插件,jenkins,前端,运维

Source files填刚刚打包的压缩包
Remote directory 填要上传到目标服务器的哪个位置(jenkins会默认加个/root,所有上面会上传到/root/cop-test-ui-jenkins-tmp目录下
Exec command填上传后需要执行的脚步
例如:

cd /root/cop-test-ui-jenkins-tmp
tar -zcvf dist$(date '+%Y%m%d%H%M%S').tar.gz /home/cop-test-ui/*  
cd /home/cop-test-ui
rm -rf *
mv /root/cop-test-ui-jenkins-tmp/dist.tar.gz ./
tar -zxvf dist.tar.gz 
mv dist/* ./
rm -rf dist
rm -rf dist.tar.gz 

可根据自己需求配置

🎸 第五步,构建

jenkins nodejs插件,jenkins,前端,运维
选择分支(Git Parameter插件)

jenkins nodejs插件,jenkins,前端,运维

jenkins nodejs插件,jenkins,前端,运维
需要在项目里面接收此参数

jenkins nodejs插件,jenkins,前端,运维

总之,通过本文我们了解到,在前端开发中运用Jenkins进行自动化构建和部署,不仅可以提高项目的管理与协作效率,还能确保项目代码的稳定性和可靠性。虽然配置有少许复杂,但只要按照上述步骤操作,并根据自己的项目需求进行调整及优化,相信最终会得出最合适的方案。因此,我强烈建议各位前端工程师们在日常开发中尝试运用Jenkins进行自动化部署,以提高效率和降低工作压力。文章来源地址https://www.toymoban.com/news/detail-645702.html

到了这里,关于【Jenkins】什么?前端还能用Jenkins一键部署?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nodejs前端项目的CI/CD实现(二)jenkins的容器化部署

    docker安装jenkins,可能你会反问,这太简单了,有什么好讲的。 我最近就接手了一个打包项目,它是一个nodejs的前端项目,jenkins已在容器里部署且运行OK。 但是,前端组很追求新技术,不断地升级Nodejs的版本,之前是14,现在需要升级到16。 也就是说,原本运行顺畅的打包不

    2024年01月20日
    浏览(54)
  • jenkins一键部署github项目

    个人目前理解jenkins部署分为两步: 构建项目,如生成jar 自动执行sh脚本 如果没有jenkins,我们可能需要将jar移动到服务器,然后执行java -jar跑程序,jenkins可以替代我们执行这些东西,下面从0开始(仅供参考,也是个人记录) 为啥不用docker安装jenkins,因为坑多,下面步骤,

    2024年02月12日
    浏览(49)
  • jenkins pipeline方式一键部署github项目

    上篇:jenkins一键部署github项目 该篇使用jenkins pipeline-script一键部署,且介绍pipeline-scm jenkins环境配置 前言:按照上篇创建pipeline任务,结果报mvn,jdk环境不存在,就很疑惑,然后配置全局属性就OK了 配置任务 附带脚本: 其中git就是我的项目地址 里面的sh脚本,跟原来的sh脚本

    2024年02月12日
    浏览(38)
  • # Jenkins:一键部署与备份的终极解决方案

    在持续集成和持续部署(CI/CD)的世界中,Jenkins 作为一个开源自动化服务器,扮演着至关重要的角色。但是,部署和维护 Jenkins 服务往往需要一定的技术知识和时间。这里介绍一个强大的工具—— Awesome-Jenkins ,它旨在简化 Jenkins 的部署和任务备份过程。 github地址:https://

    2024年01月19日
    浏览(51)
  • 详解如何使用Jenkins一键打包部署SpringBoot项目

    目录 1、Jenkins简介 2、Jenkins的安装及配置 2.1、Docker环境下的安装​编辑 2.2、Jenkins的配置 3、打包部署SpringBoot应用 3.1、在Jenkins中创建执行任务 3.2、测试结果 任何简单操作的背后,都有一套相当复杂的机制。本文将以SpringBoot应用的在Docker环境下的打包部署为例,详细讲解如

    2024年02月05日
    浏览(60)
  • Jenkins+Docker 实现一键自动化部署项目

    1.安装Jenkins 注:因为Jenkins容器里的用户是Jenkins,而主机用户不是Jenkins,就算是root也一样会报错:/var/jenkins_home/copy_reference_file.log: Permission denied,这个时候就需要在主机上面给主机地址赋予访问Jenkins容器的权限,Jenkins内部用的是uid 1000的user。 -privileged=true让容器具有root权限

    2024年02月16日
    浏览(50)
  • 【微服务部署】二、Jenkins一键打包部署SpringBoot应用步骤详解

      本文介绍使用Jenkins一键将SpringBoot应用打包并上传到生产环境服务器运行,这里使用的是直接在服务器上运行FagJar的方式,首先确保服务器环境配置好,安装必须的JDK运行时环境,运行目录,日志存放目录等。 一、服务器环境配置   关于JDK的选择,自1.8版本收费之后,

    2024年02月10日
    浏览(56)
  • Jenkins + Docker 一键自动化部署 SpringBoot 应用最精简流程

    本文章实现最简单全面的 Jenkins + Docker + Spring Boot 一键自动部署项目。步骤齐全,少走坑路。 环境:CentOS7 + Git (Gitee) 实现步骤:在 Docker 安装 Jenkins,配置 Jenkins 基本信息,利用 Dockerfile 和 Shell 脚本实现项目自动拉取打包并运行。 1安装 Docker 安装社区版本 Docker CE 确保 yum 包

    2024年04月26日
    浏览(54)
  • Jenkins K8S Docker 一键部署SpringCloud微服务

    一键部署springcloud微服务,需要用到 Jenkins K8S Docker等工具,若未安装,请参考《Centos 7 安装K8S》 本文使用jenkins部署,流程如下图 开发者将代码push到git 运维人员通过jenkins部署,自动到git上pull代码 通过maven构建代码 将maven构建后的jar打包成docker镜像 并 push docker镜像到docker

    2024年02月02日
    浏览(39)
  • Jenkins+Docker 实现一键自动化部署项目!步骤齐全,少走坑路

    大家好,我是互联网架构师! 本文章实现最简单全面的Jenkins+docker+springboot 一键自动部署项目,步骤齐全,少走坑路。 环境 :centos7+git(gitee) 简述实现步骤:在docker安装jenkins,配置jenkins基本信息,利用Dockerfile和shell脚本实现项目自动拉取打包并运行。 docker 安装社区版本CE

    2024年02月09日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包