Jenkins自动化部署Vue项目

384 阅读2分钟

jenkins的安装和配置这里就不讲了网上有很多按教程一步一步来就可以了。

1、安装NodeJS插件

在Jenkins插件管理可用插件搜索NodeJS然后安装就可以了,我安装过了所以在已安装的目录下面。 image.png 在全局配置里面找到NodeJS一栏选择你的node版本,已经安装了的可以dos窗口node -v查看一下,然后保存就可以了。 042fbd206ef42198fcf08579ea6f08f.png

2、新建任务

Jenkins左上角新建任务,选择自定义任务模板。 image.png 如果不默认分支每次部署手动指定分支需要安装一个Git Parameter插件。 image.png 源码管理填写仓库地址和用户,用户可以在全局配置里面配置。仓库的服务器带宽小的话第一次pull代码可能会超时,可以调大任务的超时时间,当然也可以修改Jenkins安装目录下的jenkins.xml中arguments的timeout参数全局修改。 c05288248d834f1765d87a33968a356.png 构建环境选择上面全局配置的NodeJS。 image.png 构建操作打包Vue项目并压缩文件。注意:执行window批量命令不要一个命令一个构建框书写或从上到下书写。 image.png

3、SSH连接配置

构建后操作前提需要安装SSH插件,然后在系统配置项添加SSHServer支持用户名密码和密钥的方式,Linux的比较简单输入完成后可以点击连接测试一下。Windows服务器需要安装OpenSSH客户端支持SSH连接才行,以PowerShellServer为例启动只是支持SSH连接,要指定远程服务器目录还要配置SFTP目录,直接设置Vue项目部署的目录,不知道的话以IIS站点为例,可以浏览直接打开文件夹目录。 f589990650d734d5c0b592ac669fdc1.png d72d970eab09de5b6a8e367f92ef9c8.png cf5009571c85f5a0f70568f85dca40b.png 然后这边构建后操作就可以选择上面配置好的的SSHServer了,Transfer Source File就是上面使用Windows命令打包压缩的文件,目录默认就是Jenkins的工作空间和任务名称可以省略所以直接写文件名称就好了,下面一栏要移除路径前缀就不需要了,下面就是要执行的命令了,命令操作是删除原Vue工作空间下的文件,解压新上传的文件到该目录下即可。 26680b1d67eecfd2efe7fd3e6959085.png

4、构建任务

上面配置完成执行构建可以查看控制台输出可以看到批量执行的Win命令和打包压缩的文件明细文件上传成功,远程服务器可以看到上传成功的文件和解压后的文件。 微信图片_20230804130537.png 9cb6c319610ce5f87ded640b2d00abe.png 510e820246b6bcdc44f3f7ad9c198a8.png