服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - node.js - 运维实战项目:Jenkins构建Nodejs前端项目

运维实战项目:Jenkins构建Nodejs前端项目

2024-01-30 13:59院长技术 node.js

Jenkins的CICD(持续集成/持续部署)概念是指通过自动化的构建、测试和部署流程,将代码从开发到生产环境进行集成和部署的一系列过程。CICD的目的是快速发现和修复代码中的问题,提高软件的质量和交付速度。

Jenkins的CICD(持续集成/持续部署)概念是指通过自动化的构建、测试和部署流程,将代码从开发到生产环境进行集成和部署的一系列过程。CICD的目的是快速发现和修复代码中的问题,提高软件的质量和交付速度。

在Jenkins的CICD过程中,开发人员将代码提交到版本控制系统(如Git)中,Jenkins通过持续监控代码仓库的变化,自动触发构建、测试和部署流程。这个过程包括编译、单元测试、集成测试、代码审查、打包和部署等环节。通过自动化这些过程,Jenkins可以帮助团队快速发现和修复代码中的问题,减少人工干预,提高开发效率和软件质量。

Jenkins的CICD过程可以通过各种插件进行扩展和定制,支持各种编程语言和开发工具。Jenkins还提供了可视化的界面,使得团队成员可以轻松地管理和监控构建、测试和部署的过程。通过Jenkins的CICD过程,团队可以更好地协作和快速交付高质量的软件产品。

安装和配置Nodejs:

在Jenkins机器上安装Nodejs,然后在Jenkins的全局工具配置中进行设置

安装插件:

NodeJS Plugin

GitLab代码仓库如下:

运维实战项目:Jenkins构建Nodejs前端项目图片

新建一个项目,名字为:bill-wap,类型为:自由风格

运维实战项目:Jenkins构建Nodejs前端项目图片

运维实战项目:Jenkins构建Nodejs前端项目图片

#node版本
node -v
#npm版本
npm -v
#声明环境变量
source /etc/profile
#清除缓存
cnpm cache verify
#安装cnpm
cnpm install
#构建项目
npm run build
#打包成.zip格式
zip -r dist.zip dist

注意:dist这个是构建好生成的目录,具体看当时情况

运维实战项目:Jenkins构建Nodejs前端项目图片

点击立即构建

运维实战项目:Jenkins构建Nodejs前端项目图片

构建过程

运维实战项目:Jenkins构建Nodejs前端项目图片

构建完成

运维实战项目:Jenkins构建Nodejs前端项目图片

查看打包后的文件

[root@jenkins /var/lib/jenkins/workspace/bill-wap]#ll
total 2680
drwxr-xr-x   3 root root      54 Nov  2 17:22 dist
-rw-r--r--   1 root root 2589225 Nov  2 17:22 dist.zip    这个就是打包的ZIP包
-rw-r--r--   1 root root     191 Nov  2 16:40 Dockerfile
-rw-r--r--   1 root root     605 Nov  2 16:40 index.html
drwxr-xr-x 266 root root   20480 Nov  2 16:41 node_modules
-rw-r--r--   1 root root    1223 Nov  2 16:40 package.json
-rw-r--r--   1 root root   98526 Nov  2 16:40 package-lock.json
drwxr-xr-x   2 root root      22 Nov  2 16:40 public
-rw-r--r--   1 root root    1569 Nov  2 16:40 README.md
drwxr-xr-x   9 root root     153 Nov  2 16:40 src
-rw-r--r--   1 root root     847 Nov  2 16:40 tsconfig.json
drwxr-xr-x   4 root root     112 Nov  2 16:40 typings
-rw-r--r--   1 root root    1231 Nov  2 16:40 vite.config.ts

原文地址:https://mp.weixin.qq.com/s/v8SOSG_7ToJkbUEB53skCQ

延伸 · 阅读

精彩推荐
  • node.jsNode.js之http模块的用法

    Node.js之http模块的用法

    这篇文章主要介绍了Node.js之http模块的用法,对Node.js感兴趣的同学,可以参考下...

    weixin_392144816312022-03-10
  • node.jsNode快速切换版本、版本回退(降级)、版本更新(升级)

    Node快速切换版本、版本回退(降级)、版本更新(升级)

    这篇文章主要介绍了Node快速切换版本、版本回退(降级)、版本更新(升级),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习...

    ECMAScripter5732021-12-28
  • node.jsnodejs中使用worker_threads来创建新的线程的方法

    nodejs中使用worker_threads来创建新的线程的方法

    这篇文章主要介绍了nodejs中使用worker_threads来创建新的线程的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友...

    flydean程序那些事4732022-01-06
  • node.js在nodejs中创建child process的方法

    在nodejs中创建child process的方法

    这篇文章主要介绍了在nodejs中创建child process的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...

    flydean程序那些事7592022-01-07
  • node.jsnode脚手架搭建服务器实现token验证的方法

    node脚手架搭建服务器实现token验证的方法

    这篇文章主要介绍了node脚手架搭建服务器实现token验证的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    Jdoit CW10762022-01-05
  • node.js在浏览器中,把 Vite 跑起来了!

    在浏览器中,把 Vite 跑起来了!

    大家好,我是 ssh,前几天在推上冲浪的时候,看到 Francois Valdy 宣布他制作了 browser-vite[1],成功把 Vite 成功在浏览器中运行起来了。这引起了我的兴趣,如...

    前端从进阶到入院7362022-01-11
  • node.jsnode.js安装及HbuilderX配置详解

    node.js安装及HbuilderX配置详解

    这篇文章主要介绍了node.js安装及HbuilderX配置的相关资料,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考...

    小東子এ10812022-02-16
  • node.js关于Node.js开发的的五个原因

    关于Node.js开发的的五个原因

    Node.js 是用于构建 Web 应用程序的开源跨平台系统。 基本上,一个能够执行 JavaScript 的服务器,它提供异步和事件驱动的 API。此外,如果你已经熟悉 JavaS...

    粤嵌教育7882021-12-28