本技术涉及电数字数据处理,尤其涉及一种基于微前端的微服务图标共享方法、设备及介质。
背景技术:
1、随着互联网技术的快速发展,各种web应用程序越来越多,这些应用程序中使用的图标也越来越多。因此,需要一个便捷的图标管理系统对这些图标进行管理和使用。
2、现有技术中的图标管理系统,在系统前端项目打包发布时,通常将使用的图标放在前端静态资源包内,需要使用到的图标直接在服务器上加载,随后在页面上显示出来。且前端发布包中只保存图标地址,需要在互联网下载所需要的图标,在网络不好或者网络图片失效时,会出现加载失败等情况。特别在系统需要使用其他未存储图标时,只能重新构建发布包,在前端的静态资源包中添加相关图标,反复的打包发布以致图标利用率较低。
技术实现思路
1、本技术实施例提供了一种基于微前端的微服务图标共享方法、设备及介质,用于解决如下技术问题:在系统需要使用其他未存储图标时,只能重新构建发布包,在前端的静态资源包中添加相关图标,反复的打包发布以致图标利用率较低。
2、本技术实施例采用下述技术方案:
3、本技术实施例提供一种基于微前端的微服务图标共享方法。包括,通过zookeeper监听器,对子系统进行注册监听,在子系统发布时,将子系统对应的静态图标与静态图标对应的图标描述信息,注册至zookeeper;其中,不同静态图标分别对应有不同的静态识别编码;获取已注册子系统上传的动态图标与动态图标对应的图标描述信息;其中,不同动态图标分别对应有不同的动态识别编码;获取用户输入的识别编码,基于静态图标对应的图标描述信息与动态图标对应的图标描述信息,对识别编码进行解析,基于不同的解析结果对图标访问路径进行拼接,以得到图标访问地址;将图标访问地址反馈至当前用户,以通过图标访问地址实现微服务图标共享。
4、本技术实施例通过将子系统上传的静态图标与动态图标进行分享,将图标集中起来进行管理,提供给所有的子系统使用,使得图标利用率更高。其次,本技术实施例通过对接收到的识别编码进行解析,能够基于用户的需求,建立不同的图标访问地址,从而将静态图标与动态图标分类进行分享处理,实现多个系统之间的供需需求。
5、在本技术的一种实现方式中,获取用户输入的识别编码,基于静态图标对应的图标描述信息与动态图标对应的图标描述信息,对识别编码进行解析,基于不同的解析结果对图标访问路径进行拼接,以得到图标访问地址,具体包括:通过预置通用接口,获取用户输入的识别编码;基于识别编码确定出对应的参考图标描述信息;其中,参考图标描述信息至少包括图标的类型、图标的存储路径、图标文件名称以及图标大小中的一项;将参考图标描述信息分别与静态图标对应的图标描述信息,以及与动态图标对应的图标描述信息进行匹配;在参考图标描述信息对应为动态图标的情况下,将访问地址拼接成动态图标代理路径;在参考图标描述信息对应为静态图标的情况下,将访问地址拼接成nginx静态图标代理路径。
6、在本技术的一种实现方式中,通过zookeeper监听器,对子系统进行注册监听之前,方法还包括:通过子系统将当前使用的图标保存至静态资源包;通过子系统将当前使用的图标所对应的图标描述信息,存储至预置图标配置信息文件;其中,预置图标配置信息文件至少包括识别编码、图标名称以及图标路径中的一项;通过子系统将静态资源包与预置图标配置信息文件,打包发布至服务器。
7、在本技术的一种实现方式中,将子系统对应的静态图标与静态图标对应的图标描述信息,注册至zookeeper之后,方法还包括:接收用户发送的图标共享请求;通过nginx服务器将图标共享请求转发至相应的子系统服务器,以在子系统服务器获取图标并返回给客户端。
8、在本技术的一种实现方式中,获取已注册子系统上传的动态图标与动态图标对应的图标描述信息之后,方法还包括:响应动态图标上传响应,获取上传至文件框中的动态图标;对文件框中的动态图标进行格式检测,在检测通过的情况下,获取文件框中的动态图标对应的待检测识别编码;基于待检测识别编码在系统已存储的识别编码中进行查询,基于查询结果对文件框中的动态图标进行存储。
9、在本技术的一种实现方式中,基于查询结果对文件框中的动态图标进行存储,具体包括:在系统已存储的识别编码中存在待检测识别编码的情况下,通过文件框中的动态图标对系统中已存储的图标进行覆盖;在系统已存储的识别编码中不存在待检测识别编码的情况下,将待检测识别编码与文件框中的动态图标进行存储。
10、在本技术的一种实现方式中,获取用户输入的识别编码之前,方法还包括:将静态图标与动态图标进行分类;其中,分类后的图标至少包括布控中心图标、应用图标、实体图标以及全息档案图标中的一项;响应图标类型选择指令,对指令对应的图标类别进行详细页展示;其中,详细页包括图标类别对应的所有静态图标、图标类别对应的所有动态图标,以及用于图标划分的预置分隔符。
11、在本技术的一种实现方式中,将子系统对应的静态图标与静态图标对应的图标描述信息,注册至zookeeper之后,方法还包括:获取子系统下线通知;确定出子系统对应的所有静态图标;通过子系统将已存储的所有静态图标进行回收。
12、本技术实施例提供一种基于微前端的微服务图标共享设备,包括:至少一个处理器;以及,与至少一个处理器通信连接的存储器;其中,存储器存储有可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使至少一个处理器能够:通过zookeeper监听器,对子系统进行注册监听,在子系统发布时,将子系统对应的静态图标与静态图标对应的图标描述信息,注册至zookeeper;其中,不同静态图标分别对应有不同的静态识别编码;获取已注册子系统上传的动态图标与动态图标对应的图标描述信息;其中,不同动态图标分别对应有不同的动态识别编码;获取用户输入的识别编码,基于静态图标对应的图标描述信息与动态图标对应的图标描述信息,对识别编码进行解析,基于不同的解析结果对图标访问路径进行拼接,以得到图标访问地址;将图标访问地址反馈至当前用户,以通过图标访问地址实现微服务图标共享。
13、本技术实施例提供的一种非易失性计算机存储介质,存储有计算机可执行指令,计算机可执行指令设置为:通过zookeeper监听器,对子系统进行注册监听,在子系统发布时,将子系统对应的静态图标与静态图标对应的图标描述信息,注册至zookeeper;其中,不同静态图标分别对应有不同的静态识别编码;获取已注册子系统上传的动态图标与动态图标对应的图标描述信息;其中,不同动态图标分别对应有不同的动态识别编码;获取用户输入的识别编码,基于静态图标对应的图标描述信息与动态图标对应的图标描述信息,对识别编码进行解析,基于不同的解析结果对图标访问路径进行拼接,以得到图标访问地址;将图标访问地址反馈至当前用户,以通过图标访问地址实现微服务图标共享。
14、本技术实施例采用的上述至少一个技术方案能够达到以下有益效果:本技术实施例通过将子系统上传的静态图标与动态图标进行分享,将图标集中起来进行管理,提供给所有的子系统使用,使得图标利用率更高。其次,本技术实施例通过对接收到的识别编码进行解析,能够基于用户的需求,建立不同的图标访问地址,从而将静态图标与动态图标分类进行分享处理,实现多个系统之间的供需需求。
1.一种基于微前端的微服务图标共享方法,其特征在于,所述方法包括:
2.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述获取用户输入的识别编码,基于所述静态图标对应的图标描述信息与所述动态图标对应的图标描述信息,对所述识别编码进行解析,基于不同的解析结果对图标访问路径进行拼接,以得到图标访问地址,具体包括:
3.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述通过zookeeper监听器,对子系统进行注册监听之前,所述方法还包括:
4.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述将所述子系统对应的静态图标与所述静态图标对应的图标描述信息,注册至zookeeper之后,所述方法还包括:
5.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述获取已注册子系统上传的动态图标与所述动态图标对应的图标描述信息之后,所述方法还包括:
6.根据权利要求5所述的一种基于微前端的微服务图标共享方法,其特征在于,所述基于查询结果对所述文件框中的动态图标进行存储,具体包括:
7.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述获取用户输入的识别编码之前,所述方法还包括:
8.根据权利要求1所述的一种基于微前端的微服务图标共享方法,其特征在于,所述将所述子系统对应的静态图标与所述静态图标对应的图标描述信息,注册至zookeeper之后,所述方法还包括:
9.一种基于微前端的微服务图标共享设备,其特征在于,该设备包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器,其中,当该计算机程序指令被该处理器执行时,触发该设备执行权利要求1-8中的任一项所述的方法。
10.一种非易失性计算机存储介质,存储有计算机可执行指令,其特征在于,所述计算机可执行指令能够执行权利要求1-8任一项所述的方法。
