centos7:jenkins+nodejs前端自动化部署

这篇具有很好参考价值的文章主要介绍了centos7:jenkins+nodejs前端自动化部署。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

系统:centos7

nodejs版本:v16.18.1   npm版本:8.19.2

由于centos7最大只支持16.18.1版本,尽量让前端写代码时使用这个版本,linux系统如果要装高版本的node需要安装glibc库,很危险,尽量不要操作。

jenkins版本:推荐最新版,yum安装,不用docker安装,原因是npm命令在容器内无法有效执行

jenkins离线部署:

        https://mirrors.tuna.tsinghua.edu.cn/jenkins/redhat

清华大学的开源镜像站,可在链接前方加wget,下载对应版本的rpm包,离线环境可以下载好后上传至服务器,用rpm -ivh rpm文件的命令部署,这里只是提供一个离线安装的方式。

jenkins联网部署:

下载jenkins的yum源文件:

wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo --no-check-certificate

导入key:

rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key

yum install fontconfig java-11-openjdk -y

jenkins最新版本需要java11支持,如果系统有jdk8建议先卸载。

安装好jdk后java -version看看版本是否正确

yum install jenkins

jenkins安装好后建议修改jenkins默认端口和用户:

需要改两个地方:(最好把jenkins用户改成root,以免后面出现权限问题)

vim /etc/sysconfig/jenkins

vim /usr/lib/systemd/system/jenkins.service

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

启动jenkins:/etc/init.d/jenkins start  或者systemctl start jenkins

浏览器输入ip+端口访问jenkins,参照提示安装,查看服务器key,输入登录,注册一个管理员账户,安装推荐插件,这些不详细说明,网上搜一大把

jenkins登录进去后点击系统管理,看看是否是最新版本,尽量更新到最新版本,因为有些插件需要高版本才能使用,而jenkins插件之间的依赖很强,如果一些插件不能用,会导致其他插件无法下载的情况,如果上面有项目,更新插件还会导致项目丢失,或者异常,所以如果是生产的jenkins,一定要备份jenkins部署目录下的plugins目录还有jobs目录。

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

下载插件时如果提示google代理问题,无法下载,网上搜教程处理,jenkins这点挺麻烦的,用的google源,可以按照网上教程处理,也可以将其他服务器上的jenkins目录下的plugins目录拷贝过来替换,plugins目录是jenkins的插件目录,不推荐手动上传插件,麻烦,当然有耐心也可以这么操作。

安装Publish Over SSH插件

这个是配置ssh使用,因为前端包部署在服务器上,需要远程到前端服务器上部署前端包

Dashboard > 系统管理 > 全局工具配置

出现这个说明插件安装好了

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

选择nodeJS版本,要和jenkins的部署服务器上的nodejs版本一致才行

nodejs安装:yum install nodejs  npm -y (在jenkins服务器上安装)

配置ssh,这个是前端要发布的包所在的服务器

name:随便填,好记就行

hostname:要远程的服务器

username:希望以什么用户登录

Remote Directory:前端包发布目录,可以点?号看详细介绍

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

 新建项目:取个名:voms-web,这个根据自己的需要创建

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

 进入项目配置:

 配置git仓库,这个是前端存放代码的地址,需要你的jenkins服务器能访问这个地址,

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

点添加,添加访问git地址的凭据,然后应用保存

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

 这个是git里面的分支jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

 构建环境选择之前在系统配置里面生成的node版本,其他默认,如果构建环境里面没有这些功能,网上搜对应的插件安装。jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

讲讲思路:前端将代码提交到git后,在jenkins上执行立即构建,会将代码拉到工作空间内,这个工作空间对应的目录是在jenkins服务器目录下的/var/lib/jenkins/workspace/目录下

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

这个是目录结构,

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

node_models目录:插件依赖目录,执行npm install时生成

dist目录:构建目录,执行 npm run build时生成

接下来就是脚本执行了,

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

 cd到工作空间的项目目录下,删除旧的打包文件,删除node_modules插件依赖。

-g 全局参数

--registry  设置淘宝源,不加这个参数容易出问题

yarn install  下载  这一步会生成node_modeles目录

vite build   打包,这一步后会生成dist目录

zip  -vr dist.zip  dist   这一步是将dist目录打包成zip文件,方便等会上传到服务器上

接下来就是将打好的包上传到前端服务器上部署了

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

这个是前面弄的ssh,直接选择要ssh的服务器

 Transfer Set Source files:这个意思是要上传的文件,就是刚刚打包好的dist.zip

 这个是要执行的脚本,还是cd到目录下,用tar -zcvf命令打包,然后mv到备份目录backup下,没有目录就创建一个目录,unzip -o dist.zip 解压,解压后删除文件

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

到这里基本就完成了,然后就是测试脚本是否能正常执行。

到这里就是成功了,如果中间有什么报错,根据报错问题处理即可,基本都是些node版本不一致的情况,可网上搜索处理。

jenkins nodejs 多版本,jenkins,自动化,运维,前端,nodejs

原创文章,转载请注明出处。文章来源地址https://www.toymoban.com/news/detail-773214.html

到了这里,关于centos7:jenkins+nodejs前端自动化部署的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Docker + Jenkins + Nginx实现前端自动化部署

    文章有点长,如果你是以学习的态度来看这篇文章,建议收藏起来慢慢看。 前端自动化部署一直以来概念很清楚知道怎么回事,但是其中怎么操作没怎么研究过,虽然之前环境都搭起来了,但是也只是Jenkins构建项目成功,比如提交代码之后怎么触发自动构建,打包后的文件

    2024年02月05日
    浏览(49)
  • Jenkins自动化构建部署前端项目(Linux+gitee)

    本文讲述了Jenkins自动化构建部署前端项目,内容包括Linux系统安装Jenkins、如何配置构建项目并发布到目标服务器。 因公司系统项目众多,前端项目打包麻烦,项目代码管理混乱,因此需要gitee+Jenkins做自动化构建,优化项目打包流程及代码管理。 本次教程可实现最简单的自动

    2024年02月03日
    浏览(57)
  • DevOps—基于 Jenkins 构建 Vue 前端工程自动化流程

    一个完整的生产环境的 CI/CD 流程,往往会包括以下这些阶段: 编码 → 提交 → 构建 → 测试 → 交付 → 部署 这里只是演示,就省略了测试相关阶段,只包含提交、构建、发布、部署,一个简单的流程如下: vue 应用构建依赖于 Nodejs,需要在 Jenkins 上安装 Nodejs 插件,并且进

    2024年02月15日
    浏览(54)
  • 前端项目打包和自动化部署(jenkins+gitee+nginx)

    1. 传统的开发模式 在传统的开发模式中,开发的整个过程是按部就班就行: 但是这种模式存在很大的弊端: 工作的不协调:开发人员在开发阶段,测试和运维人员其实是处于等待的状态。等到测试阶段,开发人员等待测试反馈bug,也会处于等待状态。 线上bug的隐患:项目准

    2024年02月01日
    浏览(47)
  • Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署

    前言 🚀 需提前安装环境及知识点: 1、Docker搭建及基础操作 2、DockerFile文件描述 3、Jenkins搭建及基础点 🚀 目的: 将我们的前端项目打包成一个镜像容器并自动发布部署,可供随时pull访问 1、在当前项目的根目录创建Dockerfile文件并写入如下代码: 代码片段详细描述: 注意

    2024年02月05日
    浏览(74)
  • centos安装Jenkins并拉取git远程仓库的代码进行自动化构建部署

    在linux上安装jenkins的前提条件是已经安装了jdk、maven、git 这里是在centos上直接安装openjdk11 查看是否安装成功 安装好后,看下版本 首先下载maven安装文件,此处我选择的版本是3.6.3,下载地址, 下载后上传到服务器目录/usr/local目录下 修改目录名称为maven3, 所以服务器中maven的

    2024年02月04日
    浏览(44)
  • Centos7.9宝塔搭建Hexo博客,实现本地一键自动化部署到服务器

    有问题可以留言相互讨论 ,我的hexo博客地址,请勿频繁访问或者攻击,仅供学习和参考。 用于存放下载的git包 会显示一堆.o类型的文件,表示正在从源码编译。 未显示错误直接跳到“ 安装 ”步骤 如果出现错误collect2: error: ld returned 1 exit status. 原因是gcc版本较低所致,与所

    2024年02月06日
    浏览(54)
  • Jenkins+GitLab+Docker搭建前端自动化构建镜像容器部署(无本地证书,映射证书)

    前言 🚀 需提前安装环境及知识点: 1、Docker搭建及基础操作 2、DockerFile文件描述 3、Jenkins搭建及基础点 🚀 目的: 将我们的前端项目打包成一个镜像容器并自动发布部署,可供随时pull访问 1、在当前项目的根目录创建Dockerfile文件并写入如下代码: 代码片段详细描述: 注意

    2024年02月15日
    浏览(60)
  • .NET Core部署到linux(CentOS)最全解决方案,入魔篇(使用Docker+Jenkins实现持续集成、自动化部署)

    通过前面三篇: .NET Core部署到linux(CentOS)最全解决方案,常规篇 .NET Core部署到linux(CentOS)最全解决方案,进阶篇(Supervisor+Nginx) .NET Core部署到linux(CentOS)最全解决方案,高阶篇(Docker+Nginx 或 Jexus) 通过前面三篇文章的介绍,我们已经对.net core多方案部署到linux下有了非常全面的认识

    2024年02月02日
    浏览(45)
  • Gitlab自动触发jenkins完成自动化构建 jenkins

     首先安装gitlab插件,我已经安装过了,首次请在 可选插件 中进行搜索。   进入项目配置--构建触发器: Build when a change is pushed to GitLab. GitLab webhook URL: 请复制此处的URL,后续有用。  然后点击高级   “Allowed branches”触发分支可以用默认的全部分支,也可以选择仅由指定名

    2024年02月16日
    浏览(63)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包