Jenkins集成nodejs部署H5(前端)项目CI阶段

Jenkins集成nodejs部署H5(前端)项目CI阶段

第一章、Node.js简介

Node.js是一个基于Chrome V8引擎的 JavaScirpt 运行环境。Node.js是在前端页面开发中十分受欢迎的,它是一套用来编写高性能网络服务器的JavaScript工具包。

第二章、LInux虚拟机部署Nodejs

1、Nodejs安装包下载

Nodejs官网下载二进制包:

wget https://nodejs.org/dist/latest-v16.x/node-v16.15.0.tar.xz

2、解压安装Nodejs

tar -xf node-v16.15.0.tar.xz -C /usr/local/

3、创建软连接

ln -s /usr/local/node-v14.15.1-linux-x64/ /usr/local/node

4、配置环境变量

vim /etc/profile
# 在最后一行添加:
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH

# 刷新环境变量,使其生效:
source /etc/profile

5、安装cnpm与配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

image

6、查看Npm、Cnpm、Node版本号

[root@jenkins-160.220 ~]# cnpm -v
cnpm@7.1.1 (/usr/local/node-v14.15.1-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.14.16 (/usr/local/node-v14.15.1-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@14.15.1 (/usr/local/node-v14.15.1-linux-x64/bin/node)
npminstall@5.8.1 (/usr/local/node-v14.15.1-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/usr/local/node-v14.15.1-linux-x64 
linux x64 4.19.12-1.el7.elrepo.x86_64 
registry=https://registry.npmmirror.com
[root@jenkins-160.220 ~]# node -v
v14.15.1

image

7、Npm和Cnpm区别:

  1. npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) npm安装插件过程:从http://registry.npmjs.org下载对应的插件包(该网站服务器位于国外,所以经常下载缓慢或出现异常)。
  2. cnpm是国内的淘宝团队分享的镜像,同步频率目前为10分钟 一次以保证尽量与官方服务同步。
  3. cnpmnpm用法完全一致,只是在执行命令时将npm改为cnpm

第三章、Jenkins集成Nodejs

1、在线安装nodejs插件

操作步骤:“Dashboard”–>“Manage Jenkins”–>“Manage Plugins”–>“可选插件”–>“nodejs”
image

2、上传Nodejs插件

如果在线安装Nodejs受网络、版本等因素无法安装成功,那么我们可以通过下载Nodejs插件至本地后上传至Jenkins即可
Nodejs插件下载地址(阿里云):
操作步骤:“Dashboard”–>“Manage Jenkins”–>“Manage Plugins”–>“高级”–>“上传插件”–>“nodejs.hpi”
image
image

3、Jenkins配置Nodejs

操作步骤:“Dashboard”–>“Global Tool Configuration”–>“Nodejs”–>“新增Nodejs”–>“name:node-14”–>“安装目录:/usr/local/node-v14.15.1-linux-x64”
image

第四章、Jenkins集成Nodejs项目CI阶段(H5前端)

1、创建Nodejs任务

image

输入任务名称,再选择构建项目类型,点击确定
image

2、Git设置

image

3、构建环境设置

image

4、构建设置:Shell命令

image

5、构建Nodejs项目测试

image

6、查看打包是否成功

image

posted @ 2022-04-28 16:50  婷婷~玉立  阅读(18)  评论(0编辑  收藏  举报