前端自动部署jenkins

通过jenkins进行vue项目的打包和部署

主要步骤如下

1. 配置svn项目
2. 进前端项目打包
3. 将打包的文件发送到服务器

新建item

新建item，创建名称，选择Freestyle Project(即自由风格项目)，点击OK，进行下一步

配置SVN项目

在Source Code Management这里选择项目类型，git项目选择Git，svn项目选择Subversion

这里以SVN为例，选择Subversion，对项目进行配置

• Repository URL
  配置项目路径
• Credentials
  这个用于项目目录的认证，这里进行认证的添加，选择Add-Jenkins
  Kind选择Usename with password，将项目的账号和密码分别输入到Username和Password，然后选择Add，添加之后可以在Credentials进行选择刚才添加的认证

在Check-out Strategy选项中选择Use 'svn update' as much as possible

这里手动触发，暂时不用处理Build Triggers

配置构建环境

这里用到node环境，所以要配置node，需要安装NodeJS Plugin，如果没有安装查看插件的安装和配置这一节

在Build Environment 选择Provide Node & npm bin/ folder to PATH
这里选择配置中心配置node的名称即可

配置构建步骤

1. 在Build Steps中选择Execute shell，进行shell配置

为了保证项目安装包是最新，这里添加npm install

1. 再次添加build setup，选择Execute shell，进行shell配置

进行项目打包命令，npm run build

配置打包后的操作

在Post-build Actions选择Send build artifacts over SSH，这里需要安装ssh插件， 如果没有安装查看插件的安装和配置这一节

以下是配置项

• SSH Server下Name：选择配置好的服务器
• Transfers-Transfer Set Source files：这里是传输的文件，这里填写dist/，即dist文件
• Remove prefix：这里配置dist，即只传输dist文件夹里面的文件，不包含dist
• Remote directory：目标服务器的位置，这里添加前端部署的位置

配置好这几个参数，保存即可，之后点击Build Now进行打包和部署了

插件的安装和配置

所有的插件安装都在Manage Jenkins-Plugins-Available plugins下

node JS

1. 安装
   在Available plugins搜索Node JS选择相应插件并安装
2. 配置node
   Manage Jenkins-Tools找到NodeJS一项

• NodeJSName：别名，在项目选择时会用到
• Installation directory：选择本地node路径

ssh

1. 安装
   在Available plugins搜索Publish Over SSH选择相应插件并安装

2. 配置服务器
   Manage Jenkins-## System Configuration找到Publish over SSH

• Name: 别名，在项目选择时会用到
• Hostname：主机ip
• Username：用户名
• Remote Directory：远程目录，可以根据项目位置进行配置
  打开Advanced
  勾选Use password authentication, or use a different key
• Passphrase / Password：配置访问密码

最后在下面右下角可以点击Test Configuration进行测试是否配置成功

参考路径