美文网首页程序员
jenkins部署前端项目vue

jenkins部署前端项目vue

作者: maybe燕 | 来源:发表于2019-12-18 16:16 被阅读0次

    写在前面的话叫前言:虽然全是文字,但截图也麻烦,互相将就下=完美

    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

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

    燕子飞走了

    相关文章

      网友评论

        本文标题:jenkins部署前端项目vue

        本文链接:https://www.haomeiwen.com/subject/lhyunctx.html