您当前的位置:首页 > 电脑百科 > 程序开发 > 前端

针对 jar 和 vue 的一键自动化部署工具,界面友好,操作简单(已开源)

时间:2023-03-08 14:24:04  来源:  作者:Java精选

前言

easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作

easy-jenkins面向分支形式,无需登录,默认分支为jenkins,每个分支可以配置多个数据源,切换不同分支可以管理不同数据源

easy-jenkins采用本地存储的结构无需配置数据库,简单易上手

提示:以下是本篇文章正文内容,下面案例可供参考

一、项目地址

开源地址:

 

https://gitee.com/susantyp/easy-jenkins
二、使用步骤

 

先把代码拉入你的本地

1.项目结构

2.启动主类 EasyJenkinsApplication

3.安装

启动后弹出当前窗体 点击下一步。另外,公众号JAVA精选,回复java面试,获取面试资料,支持在线刷题。

来到这里后,填写相应的信息

 

  •  

    安装路径

     

  •  

    maven路径 打包需要

     

  •  

    以及项目端口的启动,避免不要和本地端口冲突,我们可以设置 8332 8899 9900 等端口

     

 

点击安装并启动, 点击确认 等待几秒,项目自动启动

4.项目启动图

三、功能点介绍 1. 部署列表

部署列表主要显示我们的连接信息

1)添加连接(部署jar)

我们点击按钮,添加连接

添加本地项目地址

添加本地项目地址后,它下面的文本款会根据本地项目地址自动生成,如图

在这边需要确保:

 

  •  

    你的本地项目地址是正确的

     

  •  

    jar名称正确的

     

  •  

    pom.xml文件是正确的

     

 

我部署项目的端口为8080

根据你自己的项目设置端口

添加服务器相关信息

在我们的右边填写我们的服务器信息

 

  •  

    服务器ip

     

  •  

    账号

     

  •  

    密码

     

  •  

    端口

     

 

上传的位置 后面不需要带/

上传的位置 默认生成一个命令

如果上传位置是/home/springboot

则生成如下

nohup java -jar /home/springboot/wall.jar & tailf /home/springboot/nohup.out

可以修改为你自己需要运行的命令

或者直接使用当前命令

2)部署jar

我们点击部署按钮即可

部署过程效果图

后台会实时返回部署的消息,返回给前端显示

3)部署成功

部署成功返回:Successfully deployed

4)删除

点击table 直接删除

5)编辑

编辑小伙伴可以自己玩一下

2. 部署记录

部署记录主要记录了,最近部署的情况和统计信息

3. 数据分支

easy-jenkins 是面向分支的

不同分支存储不同的连接,默认分支为jenkins

1)创建分支

创建一个root的分支

2)切换分支

切换完成后,可以查看当前分支的状态

当前我们就是root分支的环境下

我们点击部署记录

部署记录此时为空的,刚刚创建分支下面是没有连接数据的,需要重新添加连接

我们切换为jenkins分支后,前面我们在jenkins添加了一条连接数据,下面就显示数据了,同时上面会标注当前的环境为jenkins

注意了,正在使用的分支是不可以删除。Java进阶路线:https://www.yoodb.com/

4. 基本设置

  •  

    安装路径

     

  •  

    maven路径

     

  •  

    项目端口号

     

 

当前这三个值,是我们最初刚刚开始安装的时候的需要录入的值,我们可以点击编辑操作

5. 启动

  •  

    第一次启动会启动安装向导程序

     

  •  

    第二次启动直接启动浏览器,则不再启动安装向导程序

     

6. 如何部署vue

 

dist 是vue项目默认build的位置

同样 后面 不需要 ‘/’

需要注意

上传位置名字保持跟本地相同的名字,如图:

然后填写你相应的服务器信息即可

7. exe启动项目

在我们exe文件夹下面,有一个easy-jenkins.exe文件

可以将他拷贝到桌面,直接点击它运行即可,不需要每次启动springboot程序

总结

此部署工具主要针对于个人本地的部署

针对于小型项目的部署,轻量级的,一键部署,操作简单。

 

作者:来自上海的这位朋友 https://blog.csdn.NET/Susan003/article/details/128223343


Tags:vue   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
前言easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作easy...【详细内容】
2023-03-08  Tags: vue  点击:(0)  评论:(0)  加入收藏
今天再给大家分享一个超不错的 vue3.js 桌面pc端组件库JW-UI。 jw-ui 一个基于 vue3 typescript 开发的开源UI组件库。包含了21个常用组件。 安装npm install yjw-ui快速...【详细内容】
2023-03-05  Tags: vue  点击:(8)  评论:(0)  加入收藏
作者:京东零售 姜欣关于服务器端渲染方案,之前只接触了基于react的Next.js,最近业务开发vue用的比较多,所以调研了一下vue的服务器端渲染方案。 首先:长文预警,下文包括了两种方案...【详细内容】
2023-02-27  Tags: vue  点击:(14)  评论:(0)  加入收藏
一、安装nodejs插在 系统管理-》插件管理 中 安装nodejs插件二、配置nodejs插件在jenkins全局工具配置中,配置nodejs,如下图 三、编写docker文件FROM nginx RUN rm /etc/ngin...【详细内容】
2023-02-21  Tags: vue  点击:(23)  评论:(0)  加入收藏
Vue Native是一个使用Vue.Js开发本地移动应用程序的框架。该框架将文档转换为React Native,进而为你提供适用于Android和iOS的本地应用程序。实际上,Vue Native应用程序据说是...【详细内容】
2023-02-20  Tags: vue  点击:(14)  评论:(0)  加入收藏
当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开开发人员最好的朋友和救星就是这些第三方库。我相信一个好的项目会利用一些可用的最佳库。 Vue.js 是...【详细内容】
2023-02-08  Tags: vue  点击:(29)  评论:(0)  加入收藏
导语 | 开发者工作中,研究代码逻辑常需要思考这个问题:数组变更后,具体变更了哪一些元素?变更的位置如何?本文作者陈碧松解析并覆写了针对数组变化的diff算法逻辑。希望本文对你...【详细内容】
2023-01-08  Tags: vue  点击:(21)  评论:(0)  加入收藏
现在的各种开源项目中使用 Vue 的越来越多了,作为一个后端程序员不会点 Vue 也都玩不转了。所以抽空学习了一下 Vue 的简单用法,整理成笔记,方便有需要的同学一起学习。Vue 是...【详细内容】
2022-12-28  Tags: vue  点击:(299)  评论:(0)  加入收藏
大家好,我是Echa .今天给大家盘点12个Vue 3的高颜值UI组件库,凡是用过Vue 框架开发项目的老铁们最少有用过其中一种或者二种以上的UI组件库,用广东话讲:个个都靓。创作不易,喜...【详细内容】
2022-12-10  Tags: vue  点击:(421)  评论:(0)  加入收藏
一、Node.js1.什么是Node.js?Node(或者说 Node.js,两者是等价的)是 JavaScript 的一种运行环境。在此之前,我们知道 JavaScript 都是在浏览器中执行的,用于给网页添加各种动态效...【详细内容】
2022-11-17  Tags: vue  点击:(80)  评论:(0)  加入收藏
▌简易百科推荐
前言easy-jenkins是一款对vue和jar的部署工具,操作简单,实行一键部署,内部结构采用流水线形式架构,每次部署,时时提供部署过程,部署记录,界面友好简洁,使用方便,符合用户常规操作easy...【详细内容】
2023-03-08  Java精选     Tags:vue   点击:(0)  评论:(0)  加入收藏
在web开发中,前端是显示网站或应用程序图形的用户界面。你可能会说这是用户在网站或应用程序上交互和看到的界面。因此,该部分必须以用户友好的方式设计,以便有效地传递来自服...【详细内容】
2023-03-07  粤嵌教育培训     Tags:前端   点击:(5)  评论:(0)  加入收藏
大家好,我是前端西瓜哥。本文讲解如何使用浏览器提供的工具进行 JS 代码的断点调试。debugger在代码中需要打断点的地方,加上 debugger,表示一个断点。浏览器代码执行到该位置...【详细内容】
2023-03-07  前端西瓜哥  微信公众号  Tags: JS   点击:(8)  评论:(0)  加入收藏
今天再给大家分享一个超不错的 vue3.js 桌面pc端组件库JW-UI。 jw-ui 一个基于 vue3 typescript 开发的开源UI组件库。包含了21个常用组件。 安装npm install yjw-ui快速...【详细内容】
2023-03-05  web前端进阶  今日头条  Tags:vue   点击:(8)  评论:(0)  加入收藏
在本文中,我会和大家分享当下比较成熟的 D2C 工具以及核心算法方案设计和实现过程。无论你是技术人员还是非技术人员,本文都提供有一些价值的信息,相信通过阅读本文,能帮助大家...【详细内容】
2023-03-04  趣谈前端  今日头条  Tags:前端   点击:(3)  评论:(0)  加入收藏
作者:京东零售 姜欣关于服务器端渲染方案,之前只接触了基于react的Next.js,最近业务开发vue用的比较多,所以调研了一下vue的服务器端渲染方案。 首先:长文预警,下文包括了两种方案...【详细内容】
2023-02-27  京东云开发者    Tags:vue   点击:(14)  评论:(0)  加入收藏
为何要进行前端组件设计?​与仅承担数据处理逻辑的后端不同,前端需要负责界面渲染、数据处理、和接口调用,在框架诞生前,更多地是编写页面维度的顺序脚本代码。随着前端继续的持...【详细内容】
2023-02-27  ELab.yangyuqin  51CTO  Tags:前端   点击:(8)  评论:(0)  加入收藏
一、安装nodejs插在 系统管理-》插件管理 中 安装nodejs插件二、配置nodejs插件在jenkins全局工具配置中,配置nodejs,如下图 三、编写docker文件FROM nginx RUN rm /etc/ngin...【详细内容】
2023-02-21  开心的程序人生  今日头条  Tags:VUE   点击:(23)  评论:(0)  加入收藏
量词符用来设定某个模式出现的次数,通过使用量词符(?、+、*、)能够完成某字符连续出现的匹配。具体如表所示。 上表中,“…”表示多次。为了更好地理解量词符的使用,下...【详细内容】
2023-02-16  云和数据  今日头条  Tags:量词符   点击:(11)  评论:(0)  加入收藏
初始化包描述文件(创建一个package.json文件)npm init 或 npm init -y修改npm镜像地址为国内的淘宝地址npm config set registry https://registry.npm.taobao.orgnpm confi...【详细内容】
2023-02-13  洒脱的前端小菜鸟  今日头条  Tags:前端   点击:(14)  评论:(0)  加入收藏
站内最新
站内热门
站内头条