企业DevOphotoshop:路H5项目构建

1. 安装node

• 下载node

https://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项目的依赖

1.  
   cd %WORKSPACE%/weiit-saas-mp
2.  
   rmdir /S /Q %WORKSPACE%/weiit-saas-mp/weiit_saas_front
3.  
   SET PATH=%PATH%;c:/dev/nodejs
4.  
   npm install

5. 增加构建步骤二

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

1.  
   cd %WORKSPACE%/weiit-saas-mp
2.  
   SET PATH=%PATH%;C:/jenkins/nodejs
3.  
   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

分享&在看