使用Jenkins发布Vue前端项目
前言
本篇重点讲述如何打包上传项目。安装jenkins也简单本篇不在赘述。
一、源码管理
选择Git/Svn 在Url输入你的路径,没有配置账号密码就点击添加。可以把你的用到的密码都添加一遍到时候选择就好了。比如:git密码、svn密码、服务器的密码。
二、构建环境
1.配置上传服务器的信息
记得下载ssh publish plgins 在构建环境勾选Send files or execute commands over SSH after the build runs,选择你需要上传的服务器。
- Source files 里面写你的项目名下的文件。假如你要上传dist这个文件夹下的压缩包 D:\soft\docker\jenkins_home\workspace\test-vue\dist\mydist.tar.gz 你就直接写dist/mydist.tar.gz就好了
- Remove prefix 移除前缀dist
- Remote directory 我这里写的./是因为在ssh publish里已经配置了远程文件夹。比如你要把mydist.tar.gz上传到 /usr/local/nginx/html下你就在ssh publish里面的Remote directory 写 /usr/local/nginx/html 然后Transfers下的Remote directory 写./就会上传到 /usr/local/nginx/html
- Exec command 上传完文件后执行的命令
2.配置node环境
先在全局工具配置找到nodejs 选择自己对应的版本然后保存。然后在构建环境中选择自己刚才配置好的node版本
三、构建
在这里就可以执行npm操作,当前位置在你的项目下。比如你的项目叫test-vue D:\soft\docker\jenkins_home\workspace\test-vue. 你就直接可以cd dist 然后进行打包操作了
四、立即构建
点击立即构建。如果工作区没有内容的话,它会先把项目下载下来然后会执行你的npm操作,等打完包就会上传文件。可以点击日志进行查看。