一、使用前言

1、主要是针对前端的测试环境和生产环境进行配置单，在配置的时候需要注意配置项目的命名规范以及所属环境，
命名规范：项目名称-test、项目名称-pro
比如：jdzsoftware-test、jdzsoftware-pro

2、内网搭建Jenkins在这里就不再描述了，去搜一下很多，本文主要讲关于前端Jenkins的配置和部署。部署完后，可自行注册账号即可，目前没有做权限控制。

二、SSH Server配置

本功能使用的是Publish Over SSH的插件，已经通过私钥跟Jenkins服务器配置了相应的关联，所以需要去增加目标的SSH Server对应的配置即可。

1、操作步骤：

2、字段说明：

Name： 目标服务器名（可以自定义)
Hostname：目标服务器的IP
Username：目标服务器的用户名
Remote Directory：站点所在目标服务器的目录路径
Passphrase/Password：公钥的地址或者是目标服务器密码

3、校验是否有效成功

点击“Test Configuration”按钮即可看到是否成功，操作完毕后点击“保存”即可

三、添加项目

1、操作步骤：

选择相应的环境Production environment或者Test environment，然后点击“新建Item”

按规范输入项目名称后点击“Freestyle project”，最后确认

四、配置项目

操作步骤：

1、写上相应的描述

2、配置代码对应的git地址和相应的分支

如果提示不成功，可以通过git的账号密码进行配置

3、选择NodeJS构建环境

4、配置对应的构建命令，注意：#!/bin/bash并不是注释，而是指此脚本使用/bin/bash来解释执行。其中，#!是一个特殊的表示符，其后，跟着解释此脚本的shell路径。bash只是shell的一种，还有很多其它shell，如：sh,csh,ksh,tcsh,…

1
2
3
#!/bin/bash
npm install &&
npm run build:pro

5、Git地址的显示配置（可选配置）

配置完后会在任务的首页显示git地址链接

6、配置git push后是否自动发布（可选配置）

7、配置构建后的操作

字段说明：
Name：就是之前在配置SSH Server时候自定义的名称，可以去进行选择
Source files：打包完后所在本地的路径，如：dist/** 表示的是dist文件夹下面的所有文件和文件夹
Remove prefix：目录修正 只能是source files中的路径 因为文件最终上传的路径是remote directory+source files 通过remove prefix削减source files中的一些目录层次
remote directory：远程目录，指定上传到远程服务器的哪个目录
exec command：文本框表示你在文件上传完毕后想要执行的命令 不填也行 红色的警告可以无视

五、一键打包发布

1、点击“Build Now”就可以实现了一键自动打包发布
状态说明：蓝色是成功；黄色是警告-未成功；红色是错误-未成功；

2、通过此操作可以查看控制台的输出（成功/失败）的相关信息