美文网首页
2021-06-28 Jenkins Vue项目自动构建以及构建

2021-06-28 Jenkins Vue项目自动构建以及构建

作者: 半眼鱼 | 来源:发表于2021-06-28 16:23 被阅读0次

    第一步安装Jenkins

    Jenkins是一款基于Java开发的持续集成工具,它是一个开源软件项目,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能, 主要可用于持续、自动地构建/测试软件项目,如CruiseControl与DamageControl;监控一些定时执行的任务。

    Jenkins为用户提供了一种易于使用的持续集成系统,使开发者从繁杂的集成中解脱出来,专注于更重要的业务逻辑实现上。同时Jenkins能实施监控集成中存在的错误,提供详细的日志文件和提醒功能,还能用图表的形式形象的展示项目构建的趋势和稳定性。

    Jenkins安装介绍

    1、要使用Jenkins,首先需要保证系统中已经安装了jdk,如果您的系统还没有安装,可以通过下面的地址下载安装即可。

    jdk1.7下载地址:http://www.jb51.net/softs/281781.html

    2、加压软件压缩包,点击“jenkins.msi”根据提示完成安装即可, jenkins.msi下载:https://jenkins.io/content/thank-you-downloading-windows-installer/

    image

    3、安装后程序会自动创建了一个windows服务,Jenkins默认使用的端口是8080,在浏览器中输入地址:http://localhost:8080/,可打开软件安装界面,如下图所示:

    image

    4、找到软件根目录下(默认目录为:C:\Program Files (x86)\Jenkins)secrets文件夹下的initialAdminPassword文件,使用记事本打开,如下图所示:

    image

    5、将上面获取的产品密钥复制到Jenkins的安装界面中,点击“continue”继续

    image

    6、选择安装插件,左边为所有插件,右边可以自定义安装

    image

    7、等待插件下载安装完毕

    [图片上传失败...(image-bbfed2-1624866704292)]

    8、当上面步骤完成之后,第一次运行Jenkins,需要设置管理员信息,如下图所示:

    image

    9、输入完毕,点击保存按钮,Jenkins的安装算是全部完毕了,如下图所示:

    image

    第二步Jenkins系统配置

    image.png image.png
    image.png image.png

    配置好测试环境,输入用户名和密码测试是否连接成功

    第三步 构建内任务配置

    jenkins相关配置参数说明

    1、点击左侧“新建”——“Item名称”(JobTest)——“构建一个自由风格的软件项目”——“OK”

    image.png
    image.png image.png

    2、暂时不用的相关设置如下:General


    image.png

    3、源码管理
    3.1从gitlab复制源码地址,输入登陆getlab的账号和密码


    image.png

    3.2选择分支

    4、构建触发器

    image
    image.png

    如果当前页面和我的一样,检查是否安装gitlab plugin插件,安装插件后重启就会长的一样的。

    如果在系统设置中找不到那个插件可以
    https://mirrors.huaweicloud.com/home
    这网站下载Jenkins相关插件,安装

    image.png
    问题:怎么提交代码后可以出发重新弄构建呢,就需要使用去jenkins系统管理下的插件管理,在线安装Gitlab Hook Plugin和Gitlab Plugin这两个插件,然后叫重启jenkins
    然后去gitlab的代码设置里面获取这个Secret token
    image.png
    image.png

    测试成功后就可以触发提交了

    5、构建——增加构建步骤

    image

    6、构建环境


    image.png

    选择系统配置好的node插件

    7、构建指令



    在e盘新建这个文件e:\confirm.bat 内容写个y就可以了


    image.png

    当前服务在本机电脑window上面 所以选择这个新增命令

    8、构建后操作


    image.png

    如果没有出现一样的,再去查看插件是否存在
    publish-over-ssh.hpi
    再去下载安装重启

    8、[图片上传中...(image.png-47af0c-1624867685059-0)]

    9、构建后操作——增加构建后操作步骤

    image

    10、点击保存,跳转到下图,一个基本job项目建立

    image

    11、构建项目——左侧“立即构建”

    image

    12、构建之后查看构建结果,点击构建历史,点击选择——ConsoleOutput控制台输出,如下图所示,到此简单的jenkins构建流程完成


    image.png

    记一次jenkins的坑

    由于公司的gitlab是内网,外网无法访问,所以jenkins只能部署在windos本机上.

    中间出现一个问题,就是jenkins使用SSH无法上传文件到linxu上

    image

    百度了很多网站说是remote directory上填写了linux目录就会把jar包放到linxu上,其实不会,原因是使用过secureFX上传文件的时候都知道会提示是否上传

    image

    故而jar包根本不会上传到linxu上导致部署失败

    然后中间放弃了一段时间,不知道为啥某一天突然脑子一抽就随便百度了一下

    让我这样做.

    https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html 下载pscp.exe 然后放到C:\Windows\System32

    image

    然后

    image

    然后把下面的命令复制进去

    image.png

    echo "开始上传文件"
    pscp -r -l username -pw password 文件路径 服务器IP:服务器上传路径 < e:\confirm.bat
    echo "上传文件成功"
    exit

    < e:\confirm.bat 这个的意思是在我本地的电脑上的E盘建一个confirm.bat文件,编辑文件输入y保存, 这样上传文件到linux的时候就会自动确认

    其他命令解释:
      -r 递归文件夹(上传时连子文件夹一起上传)
      -l 指定用户名
      -pw 用户密码
      之后是需要上传的文件夹或文件名
      最后是linux的 IP:目标文件夹

    最后

    image

    然后部署jenkins就成功了

    相关文章

      网友评论

          本文标题:2021-06-28 Jenkins Vue项目自动构建以及构建

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