一种管理Kubernetes资源的浏览器终端配置方法及装置制造方法及图纸

技术编号:38141379 阅读:16 留言:0更新日期:2023-07-08 09:56
本发明专利技术涉及云计算领域,具体提供了一种管理Kubernetes资源的浏览器终端配置方法及装置,具体的步骤如下:S1、Vue项目通过引用封装的Vue组件在浏览器中创建终端;S2、Vue组件内部使用终端通信工具创建WebSocket连接;S3、Vue组件内部通过WebSocket连接与Kubernetes集群进行数据通信。与现有技术相比,本发明专利技术支持WS和WSS两种连接方式,可支持现有HTTP和HTTPS浏览器应用,使用封装好的WebSocket提高了数据交互的速度,同时方便用户查询Kubernetes资源,进而提高管理Kubernetes资源的效率。的效率。的效率。

【技术实现步骤摘要】
一种管理Kubernetes资源的浏览器终端配置方法及装置


[0001]本专利技术涉及云计算领域,具体提供一种管理Kubernetes资源的浏览器终端配置方法及装置。

技术介绍

[0002]在云计算的领域中,以容器为中心的管理软件Kubernetes已成为部署和操作容器化应用的通行标准,由此产生了越来越多的云平台。由于越来越多的前端开发者使用Vue框架构建前端应用,需要有基于Vue组件开发的虚拟终端来实现在云平台上调试Kubernetes资源。
[0003]Vue的开发简单并且容易上手。但是作为一种应用很广泛的前端框架,Xterm缺少对Vue的友好支持。当用户需要在Vue框架下引用Xterm获取终端资源信息时,编程人员需要单独编码,对编程人员提出了更高的技术要求,同时编码还需花费较多时间,开发成本高。

技术实现思路

[0004]本专利技术是针对上述现有技术的不足,提供一种实用性强的管理Kubernetes资源的浏览器终端配置方法。
[0005]本专利技术进一步的技术任务是提供一种设计合理,安全适用的管理Kubernetes资源的浏览器终端配置装置。
[0006]本专利技术解决其技术问题所采用的技术方案是:
[0007]一种管理Kubernetes资源的浏览器终端配置方法,具体的步骤如下:
[0008]S1、Vue项目通过引用封装的Vue组件在浏览器中创建终端;
[0009]S2、Vue组件内部使用终端通信工具创建WebSocket连接;
[0010]S3、Vue组件内部通过WebSocket连接与Kubernetes集群进行数据通信。
[0011]进一步的,在步骤S1中,首先在Vue的包管理配置中引入Xterm核心库、Xterm插件和Xterm的CSS样式文件,在Vue组件内引入Xterm核心库和Xterm插件、终端通信工具,同时通过Vue组件的方式暴露出Xterm的配置选项;
[0012]然后在Vue组件中定义创建终端的方法,通过Xterm核心库创建终端,同时通过Vue组件形式将Xterm配置选项注入组件内部。
[0013]进一步的,在步骤S2中,首先定义常量,表示WebSocket的连接状态,表示自定义事件的名称,用于外部监听WebSocket在不同连接状态下触发的自定义事件;
[0014]其次,定义初始化WebSocket实例对象、WebSocket的URL、WebSocket初始的连接状态,同时继承EventTarget。
[0015]进一步的,定义类的构造器接收类的实例传递的参数,构造器中接收请求WebSocket的URL和子协议的字符串。
[0016]进一步的,根据网站的请求协议和WebSocket的URL共同确定WebSocket的请求协议,如果WebSocket的URL使用的是WSS协议,最后请求WebSocket使用WSS协议;
[0017]如果WebSocket的URL使用WS协议,同时网站请求协议是HTTPS,最终请求WebSocket使用的是WSS协议,否则使用WS协议。
[0018]进一步的,定义类的实例方法,其中包括创建和关闭WebSocket连接方法、WebSokcet内部事件监听的方法和终端发送数据的方法、获取当前WebSocket连接对象的方法。
[0019]进一步的,在创建WebSocket连接对象的方法中,通过WebSocket与Kubernetes集群建立连接,在WebSocket事件监听的方法中对外暴露自定义事件,自定义事件使用EventTarget接口中的方法自定义事件;
[0020]然后在关闭WebSocket连接方法中,清空WebSocket实例对象、关闭WebSocket连接,同时添加关闭连接发生异常的错误机制。
[0021]进一步的,在步骤S3中,首先通过Vue组件的方式暴露出WebSocket请求信息,用来连接Kubernetes集群;
[0022]在Vue组件内部,通过终端通信工具创建与Kubernetes集群的连接;
[0023]然后在终端通信工具暴露出的自定义事件中加载Xterm插件,用来接收Kubernetes集群资源数据和发送终端指令到Kubernetes集群。
[0024]一种管理Kubernetes资源的浏览器终端配置装置,包括:至少一个存储器和至少一个处理器;
[0025]所述至少一个存储器,用于存储机器可读程序;
[0026]所述至少一个处理器,用于调用所述机器可读程序,执行一种管理Kubernetes资源的浏览器终端配置方法。
[0027]本专利技术的一种管理Kubernetes资源的浏览器终端配置方法及装置和现有技术相比,具有以下突出的有益效果:
[0028]本专利技术以Vue组件的形式集成了Xterm,实现了浏览器终端,并且支持终端主题的自定义配置,引用方便,可扩展性强。
[0029]支持WS和WSS两种连接方式,可支持现有HTTP和HTTPS浏览器应用,使用封装好的WebSocket提高了数据交互的速度,同时方便用户查询Kubernetes资源,进而提高管理Kubernetes资源的效率。
附图说明
[0030]为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
[0031]附图1是一种管理Kubernetes资源的浏览器终端配置方法的流程示意图;
[0032]附图2是一种管理Kubernetes资源的浏览器终端配置方法的架构图。
具体实施方式
[0033]为了使本
的人员更好的理解本专利技术的方案,下面结合具体的实施方式对本专利技术作进一步的详细说明。显然,所描述的实施例仅仅是本专利技术一部分实施例,而不是全
部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例都属于本专利技术保护的范围。
[0034]下面给出一个最佳实施例:
[0035]如图1

2所示,本实施例中的一种管理Kubernetes资源的浏览器终端配置方法,具体的步骤如下:
[0036]S1、Vue项目通过引用封装的Vue组件在浏览器中创建终端;
[0037]首先在Vue的包管理配置中引入Xterm核心库、Xterm插件、Xterm的CSS样式文件(Cascading Style Sheets,层叠样式表);在Vue组件内引入Xterm核心库和Xterm插件、终端通信工具,同时通过Vue组件的方式暴露出Xterm的配置选项;
[0038]然后在Vue组件中定义创建终端的方法。通过Xterm核心库创建终端,同时通过Vue组件形式将Xterm配置选项注入组件内部,本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种管理Kubernetes资源的浏览器终端配置方法,其特征在于,具体的步骤如下:S1、Vue项目通过引用封装的Vue组件在浏览器中创建终端;S2、Vue组件内部使用终端通信工具创建WebSocket连接;S3、Vue组件内部通过WebSocket连接与Kubernetes集群进行数据通信。2.根据权利要求1所述的一种管理Kubernetes资源的浏览器终端配置方法,其特征在于,在步骤S1中,首先在Vue的包管理配置中引入Xterm核心库、Xterm插件和Xterm的CSS样式文件,在Vue组件内引入Xterm核心库和Xterm插件、终端通信工具,同时通过Vue组件的方式暴露出Xterm的配置选项;然后在Vue组件中定义创建终端的方法,通过Xterm核心库创建终端,同时通过Vue组件形式将Xterm配置选项注入组件内部。3.根据权利要求2所述的一种管理Kubernetes资源的浏览器终端配置方法,其特征在于,在步骤S2中,首先定义常量,表示WebSocket的连接状态,表示自定义事件的名称,用于外部监听WebSocket在不同连接状态下触发的自定义事件;其次,定义初始化WebSocket实例对象、WebSocket的URL、WebSocket初始的连接状态,同时继承EventTarget。4.根据权利要求3所述的一种管理Kubernetes资源的浏览器终端配置方法,其特征在于,定义类的构造器接收类的实例传递的参数,构造器中接收请求WebSocket的URL和子协议的字符串。5.根据权利要求4所述的一种管理Kubernetes资源的浏览器终端配置方法,其特征在于,根据网站的请求协议和WebSocket的URL共同确定WebSocket的请求协议,如果WebSocket的URL使用的是WSS协议,最后请求W...

【专利技术属性】
技术研发人员:刘园园种保中周广华张晖
申请(专利权)人:苏州思萃工业互联网技术研究所有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1