企业如何实现H5项目构建的DevOps转型?

2026-05-17 04:331阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计602个文字,预计阅读时间需要3分钟。

企业如何实现H5项目构建的DevOps转型?

1. 安装Node.js下载Node.js:https://nodejs.org/download/下载的Node.js是exe文件,只需一步步安装即可。安装过程中,也可以选择安装到其他目录,例如:C:\jenkins\nodejs安装完成后,即可使用。

1. 安装node
  • 下载node

nodejs.org/zh-cn/download/

  • 安装node

下载的node是一个exe文件,只要一步一步安装即可。在安装过程中也可以安装到其他目录,这里的安装目录:

C:\jenkins\nodejs

安装完之后,node的命令默认已经加到PATH环境变量中。

2. 创建一个自由风格项目

新建Item

输入一个项目名称,然后选择 Freestyle project

3. 配置git下载源码

输入h5项目的仓库地址,然后选择git服务器的凭证

4. 增加构建步骤一

增加一个构建步骤,因为服务器是windows系统,所以选择批处理脚本(如果是linux就选择shell脚本)。

构建脚本更加项目情况自己编写,安装h5项目的依赖

企业如何实现H5项目构建的DevOps转型?

cd %WORKSPACE%/weiit-saas-mp
rmdir /S /Q %WORKSPACE%/weiit-saas-mp/weiit_saas_front
SET PATH=%PATH%;c:/dev/nodejs
npm install 5. 增加构建步骤二

在第四步的基础上继续增加构建步骤,打包h5项目,打包脚本如下:

cd %WORKSPACE%/weiit-saas-mp
SET PATH=%PATH%;C:/jenkins/nodejs
npm run build 6. 上传成果物到服务器

在第五步的基础上继续增加构建步骤,上传成果物到远程服务器上,上传脚本

pscp -r -l deployop -pw deployop123 %WORKSPACE%/weiit-saas-mp/dist 120.88.10.188:/wls/deployop 7. 部署H5项目

在第六步的基础上继续增加构建步骤,该步主要是执行远程服务器的脚本,进行服务器部署。部署脚本一般情况下包含以下动作

  • 备份旧的项目资料

  • 部署新的项目资料

  • 如果涉及需要重启的,一般先关闭,再启动

在增加的构造步骤的文本框里输入执行远程启动脚本命令,例如

sh /wls/deployop/script/restart.sh

本文共计602个文字,预计阅读时间需要3分钟。

企业如何实现H5项目构建的DevOps转型?

1. 安装Node.js下载Node.js:https://nodejs.org/download/下载的Node.js是exe文件,只需一步步安装即可。安装过程中,也可以选择安装到其他目录,例如:C:\jenkins\nodejs安装完成后,即可使用。

1. 安装node
  • 下载node

nodejs.org/zh-cn/download/

  • 安装node

下载的node是一个exe文件,只要一步一步安装即可。在安装过程中也可以安装到其他目录,这里的安装目录:

C:\jenkins\nodejs

安装完之后,node的命令默认已经加到PATH环境变量中。

2. 创建一个自由风格项目

新建Item

输入一个项目名称,然后选择 Freestyle project

3. 配置git下载源码

输入h5项目的仓库地址,然后选择git服务器的凭证

4. 增加构建步骤一

增加一个构建步骤,因为服务器是windows系统,所以选择批处理脚本(如果是linux就选择shell脚本)。

构建脚本更加项目情况自己编写,安装h5项目的依赖

企业如何实现H5项目构建的DevOps转型?

cd %WORKSPACE%/weiit-saas-mp
rmdir /S /Q %WORKSPACE%/weiit-saas-mp/weiit_saas_front
SET PATH=%PATH%;c:/dev/nodejs
npm install 5. 增加构建步骤二

在第四步的基础上继续增加构建步骤,打包h5项目,打包脚本如下:

cd %WORKSPACE%/weiit-saas-mp
SET PATH=%PATH%;C:/jenkins/nodejs
npm run build 6. 上传成果物到服务器

在第五步的基础上继续增加构建步骤,上传成果物到远程服务器上,上传脚本

pscp -r -l deployop -pw deployop123 %WORKSPACE%/weiit-saas-mp/dist 120.88.10.188:/wls/deployop 7. 部署H5项目

在第六步的基础上继续增加构建步骤,该步主要是执行远程服务器的脚本,进行服务器部署。部署脚本一般情况下包含以下动作

  • 备份旧的项目资料

  • 部署新的项目资料

  • 如果涉及需要重启的,一般先关闭,再启动

在增加的构造步骤的文本框里输入执行远程启动脚本命令,例如

sh /wls/deployop/script/restart.sh