jenkins部署前端项目vue

jenkins部署前端项目vue

写在前面的话叫前言：虽然全是文字
1+1=2

前期工作：再前期的工作不是我干的，大佬已经把jenkins在服务器弄好了！

为了通过SSH连接和上传服务器，我们需要先安装Publish Over SSH 插件。

插件安装（需要管理员身份）：nodejs

插件安装步骤：系统管理-插件管理-可选插件安装

插件配置步骤：系统管理-全局工具配置-nodejs-nodejs安装-添加别名、自动安装、选择版本（如果无版本可以考虑将 插件管理页面的 【高级】拉到最底下升级站点地址改为http开头，再不行只能手动上传插件）

****SSH server：（需要管理员身份）系统管理-系统配置-起别名、主机ip、登录主机用户名、存放文件的服务器文件路径-test configuration用来测试连接服务器是否成功

****token：点击用户名-设置-添加token

最终

创建一个构建任务

新建任务-自由风格的任务-

源码管理：-git-Repository URL是git的仓库地址-Credentials凭证是登录git账号的用户名密码，自行添加-制定构建源码的git分支master-

构建触发器：触发远程构建，填写token-（还不太懂干啥子的）

构建环境：选择node并选择配置的node其他默认-

构建：执行shell脚本，写命令

cd /var/jenkins_home/workspace/store_test //workspace是每个任务创建后所在的文件夹

node -v

npm -v

npm install //vue项目

npm run build

cd dist

rm -rf h5.tar.gz //删除之前的文件

tar -zcvf h5.tar.gz * //压缩里面所有的文件

cd …/

构建后操作：主要是连接远程服务器进行的操作

ssh server-选择之前创建的服务器-

transfer:

Source files：文件源，就是在Jenkins机器上的/var/jenkins_home/workspace/项目名，这是根目录（项目名就是你之前在Jenkins新建的任务），文件源是这个根目录下的包。

如/var/jenkins_home/workspace/store_test任务打包后的文件是dist文件夹则包的全路径是/var/jenkins_home/workspace/store_test/dist/h5.tar.gz

Source files：dist/h5.tar.gz

Remove prefix：去掉source files中的某个文件路径，如填dist则只剩下h5.tar.gz会传到服务器

Remote directory：这是war包传输到远程服务器上的路径，由于之前在配置SSH Server的时候已经配置了一个Remote directory，则会基于这个路径下查找或者生成，如写"/"

exec command：是传输后服务器执行的脚本：

cd /usr/local/tomcat7/webapps/tf-manage-h5/test

pwd //查看所在目录

tar -zxvf h5.tar.gz //解压

ls

rm -rf h5.tar.gz //删除压缩包

保存

立即构建

可在构建历史里查看控制台输出，构建成功会显示

transfer 1 files //重点 ：如果是0，则没文件上传到服务器

success

有不对的地方欢迎指出！比个心 此处有一个小心心

燕子飞走了