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

开发 项目管理
在Jenkins的CICD过程中,开发人员将代码提交到版本控制系统(如Git)中,Jenkins通过持续监控代码仓库的变化,自动触发构建、测试和部署流程。

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

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

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

安装和配置Nodejs:

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

安装插件:

NodeJS Plugin

GitLab代码仓库如下:

图片图片

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

图片图片

图片图片

#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这个是构建好生成的目录,具体看当时情况

图片图片

点击立即构建

图片图片

构建过程

图片图片

构建完成

图片图片

查看打包后的文件

[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
责任编辑:武晓燕 来源: 院长技术
相关推荐

2021-05-17 09:27:07

项目实战优化项目构建时间

2024-01-29 12:48:00

Jenkins监控运维

2021-01-18 14:51:34

JenkinsNginx前端

2022-01-07 15:11:27

项目Go 框架

2012-05-30 15:57:49

ERP项目运维

2022-04-21 15:05:03

运维项目无线

2012-12-28 16:30:05

IT运维服务企业

2016-11-15 13:35:16

2023-11-13 10:11:49

开源前端

2021-07-26 05:21:37

JenkinsAndroid自动化

2009-07-07 14:15:42

BTNM北塔IT运维

2009-07-20 17:07:09

公路局IT运维北塔

2018-04-10 09:49:17

IT运维人员京东运维体系

2015-08-17 17:57:43

IT性能运维

2016-04-06 10:02:23

手机微博运维监控

2013-04-16 14:55:21

自动化运维Puppet实战

2023-07-10 08:50:49

ESLint格式化工具

2014-06-27 16:35:20

机房运维华为

2016-12-13 13:15:49

运维

2022-12-16 18:37:37

数据库
点赞
收藏

51CTO技术栈公众号