CN113220273A - 微前端应用资源处理方法、装置、设备和介质 - Google Patents
微前端应用资源处理方法、装置、设备和介质 Download PDFInfo
- Publication number
- CN113220273A CN113220273A CN202110551515.0A CN202110551515A CN113220273A CN 113220273 A CN113220273 A CN 113220273A CN 202110551515 A CN202110551515 A CN 202110551515A CN 113220273 A CN113220273 A CN 113220273A
- Authority
- CN
- China
- Prior art keywords
- resource
- static
- type
- access request
- resources
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000003672 processing method Methods 0.000 title abstract description 10
- 230000003068 static effect Effects 0.000 claims abstract description 139
- 238000000034 method Methods 0.000 claims abstract description 37
- 238000011161 development Methods 0.000 claims abstract description 19
- 230000006870 function Effects 0.000 claims abstract description 17
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012545 processing Methods 0.000 claims description 14
- 238000012795 verification Methods 0.000 claims description 10
- 238000010276 construction Methods 0.000 claims description 7
- 238000009877 rendering Methods 0.000 claims description 6
- 230000004044 response Effects 0.000 claims description 4
- 238000002955 isolation Methods 0.000 abstract description 4
- 238000012423 maintenance Methods 0.000 abstract description 3
- 230000018109 developmental process Effects 0.000 description 16
- 238000010586 diagram Methods 0.000 description 9
- 238000004422 calculation algorithm Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 238000000926 separation method Methods 0.000 description 5
- 238000013475 authorization Methods 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000000977 initiatory effect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 238000000354 decomposition reaction Methods 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 230000033772 system development Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请涉及一种微前端应用资源处理方法、装置、计算机设备和存储介质。该方法能够提高系统各功能之间的隔离性，提高开发效率，进而降低了项目的维护成本。该方法包括：在客户端显示操作界面；其中，所述操作界面上包含不同的标签页；获取用户在上述操作界面上发起的资源访问请求，该资源访问请求中包含不同的资源类型，具体包括静态资源类型和动态资源类型；根据上述资源类型从相应的数据接口获取与上述资源类型对应的资源，并将该资源展示在上述标签页上，其中，上述数据接口包括静态资源访问接口和与上述微前端应用一一对应的后台微应用接口。
Description
技术领域
本申请涉及计算机技术领域，特别是涉及一种微前端应用资源处理方法、装置、计算机设备和存储介质。
背景技术
在跨团队合作开发的企业级项目中，随着业务需求复杂度的增加，为了提高开发效率，出现了前后端分离的开发架构，这种开发架构使得前端从开发、构建、部署和运行全流程均独立于后端进行，实现了前后端分离，提高了应用程序的开发效率。
但目前常用的前后端分离的开发架构在前端侧多为单页面应用框架，作为单体前端，前端侧依然无法满足日益膨胀的多个微前端应用业务开发和跨多团队的协作需求，导致前端开发效率依然不够高。
发明内容
基于此，有必要针对上述技术问题，提供一种微前端应用资源处理方法、装置、计算机设备和存储介质。
一种微前端应用资源处理方法，所述方法包括：
在客户端显示操作界面；其中，所述操作界面上包含不同的标签页；不同的标签页对应不同的相互独立的浏览上下文，不同的所述浏览上下文来自于同一或不同的HTML文档，各个所述HTML文档归属于同一或不同的微前端应用；各个所述微前端应用从开发、构建、发布到运行都是相互独立的；
获取用户在所述操作界面上发起的资源访问请求；所述资源访问请求中包含不同的资源类型；所述资源类型包括静态资源类型和动态资源类型；
根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上；其中，所述数据接口包括静态资源访问接口和与所述微前端应用一一对应的后台微应用接口；所述静态资源访问接口，用于获取所述静态资源类型的资源；所述后台微应用接口，用于获取所述动态资源类型的资源。
在其中一个实施例中，所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，包括：
若所述资源类型为所述静态资源类型，则将所述资源访问请求发送至静态资源代理服务器；
通过所述静态资源代理服务器获取与所述静态资源类型对应的静态资源，并将所述静态资源展示在所述标签页上。
在其中一个实施例中，所述方法还包括：
若所述资源类型为所述静态资源类型，则将所述资源访问请求发送至静态资源代理服务器；
通过所述静态资源代理服务器从权限控制主框架获取与所述静态资源类型对应的静态资源，并将所述静态资源展示在所述标签页上；所述静态资源包括第一类静态资源和第二类静态资源；所述第一类静态资源包括所述权限控制主框架本身具备的资源；所述第二类静态资源包括所述权限控制主框架从微前端应用获取的静态资源。
在其中一个实施例中，所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，包括：
若所述资源类型为所述动态资源类型，则将所述资源访问请求发送至动态资源代理服务器；
通过所述动态资源代理服务器向所述动态资源类型对应的后台微应用接口获取动态资源，并将所述动态资源显示在相应的微前端应用对应的标签页上。
在其中一个实施例中，所述获取用户在所述操作界面上发起的资源访问请求之后，还包括：
将所述资源访问请求发送至权限控制主框架；
通过所述权限控制主框架针对所述资源访问请求进行鉴权认证，生成认证结果；
根据所述认证结果判断所述资源访问请求是否合法；
所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，还包括：
若所述资源访问请求合法，则根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上。
在其中一个实施例中，所述通过所述权限控制主框架针对所述资源访问请求进行鉴权认证，生成认证结果，还包括：
所述权限控制主框架根据所述资源访问请求的鉴权认证类别将所述资源访问请求发送至鉴权认证微服务进行鉴权认证，生成认证结果；
根据所述认证结果执行与所述资源访问请求对应的操作，生成操作结果，并将所述操作结果返回至所述操作界面上；其中包括：
当所述认证结果合法，且所述资源访问请求中的资源类型为所述静态资源类型时，所述权限控制主框架用于，直接返回所述第一类静态资源和/或第二类静态资源至反向代理服务器；
以及，
当所述认证结果合法，且所述资源访问请求中的资源类型为所述动态资源类型时，所述权限控制主框架还用于，向后台微应用接口获取与所述动态资源类型相应的响应结果，并将所述响应结果返回至所述反向代理服务器。
在其中一个实施例中，所述鉴权认证类别包括前端控件渲染权限控制鉴权、菜单功能权限控制鉴权和后端服务权限控制鉴权中的至少一种。
一种微前端应用资源处理装置，所述装置包括：
操作界面显示模块，用于在客户端显示操作界面；其中，所述操作界面上包含不同的标签页；不同的标签页对应不同的相互独立的浏览上下文，不同的浏览上下文来自于同一或不同的HTML文档，各个所述HTML文档归属于同一或不同的微前端应用；各个所述微前端应用从开发、构建、发布到运行都是相互独立的；
请求获取模块，用于获取用户在所述操作界面上发起的资源访问请求；所述资源访问请求中包含不同的资源类型；所述资源类型包括静态资源类型和动态资源类型；
资源展示模块，用于根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上；其中，所述数据接口包括静态资源访问接口和与所述微前端应用一一对应的后台微应用接口；所述静态资源访问接口，用于获取所述静态资源类型的资源；所述后台微应用接口，用于获取所述动态资源类型的资源。
一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现如上述的微前端应用资源处理方法的步骤。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述的微前端应用资源处理方法的步骤。
上述微前端应用资源处理方法、装置、计算机设备和存储介质，通过在客户端显示操作界面，其中该操作界面上包含不同的标签页，获取用户在上述操作界面上发起的资源访问请求，该资源访问请求中包含不同的资源类型，具体包括静态资源类型和动态资源类型；根据上述资源类型从相应的数据接口获取与上述资源类型对应的资源，并将该资源展示在上述标签页上，其中，上述数据接口包括静态资源访问接口和与上述微前端应用一一对应的后台微应用接口；上述静态资源访问接口，用于获取上述静态资源类型的资源，上述后台微应用接口，用于获取上述动态资源类型的资源。该方法基于微前端应用构建操作界面上的标签页，且各个微前端应用相互独立，使得系统开发时能够针对每个微前端应用单独开发，同时将动态资源与静态资源区分开，实现了动静分离，而不必每次系统更新迭代时更新所有系统代码，提高了系统各功能之间的隔离性，提高了开发效率，进而降低了项目的维护成本。
附图说明
图1为一个实施例中微前端应用资源处理方法的应用环境图；
图2为一个实施例中微前端应用资源处理方法的流程示意图；
图3为另一个实施例中微前端应用资源处理方法的框架图；
图4为一个实施例中的操作界面显示示意图；
图5为另一个实施例中鉴权认证微服务的逻辑架构图；
图6为一个实施例中微前端应用资源处理装置的结构框图；
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的微前端应用资源处理方法，可以应用于如图1所示的应用环境中。其中，终端101通过网络与服务器103进行通信。其中，终端101可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器103可以用独立的服务器或者是多个服务器组成的服务器集群来实现。另外，终端101与服务器103之间还可以使用代理服务器102，该代理服务器可以为安装在服务器103上的软负载，例如Nginx代理服务软件，也可以是单独设立的硬负载，还可以是软负载与硬负载结合的形式，可选地，代理服务器102可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
在一个实施例中，如图2所示，提供了一种微前端应用资源处理方法，以该方法应用于上述终端101为例进行说明，该方法包括以下步骤：
步骤S201，在客户端显示操作界面；其中，所述操作界面上包含不同的标签页，不同的标签页对应不同的相互独立的浏览上下文，不同的浏览上下文来自于同一或不同的HTML文档，各个HTML文档归属于同一或不同的微前端应用；各个所述微前端应用从开发、构建、发布到运行都是相互独立的；
其中，客户端是指安装于个人计算机、移动终端设备等硬件设备上的浏览器、应用程序等。微前端应用是指将前端应用例如某应用程序APP的前端代码分解成一些更小、更简单的能够独立开发、测试、部署的松散耦合的小块，而在用户看来仍然是内聚的单个产品：每个微前端中包含一个或者多个HTML文档。浏览上下文是指与每一个HTML(Hyper TextMarkup Language，超文本标记语言)文档关联的所有页面元素，当每次在浏览器中创建新的选项卡时，将创建一个新的浏览上下文。浏览上下文聚合了诸如会话和历史记录管理，导航和资源加载之类的东西，另外还包括一个事件循环，用于处理脚本和DOM(DocumentObject Model，文档对象模型)之间的交互。
具体地，终端101在客户端上展示操作界面，该操作界面上包含不同的标签页，其中，各个不同的标签页以HTML内联框架元素(<iframe>)的形式进行展示，<iframe>是HTML内联框架元素，<iframe>表示嵌套的正在浏览的浏览上下文，能有效地将另一个HTML页面嵌入到当前页面中。<iframe>可以创建一个全新的独立的宿主环境，这意味着微前端应用之间可以相互独立运行，即使用<iframe>可以实现运行时相互独立的浏览上下文。在实际应用中，可根据标签页的业务领域和所属的开发团队的不同而自由划分出不同的微前端应用，例如某购物网站可以将用户管理作为一个微前端应用，将商品管理作为另一个微前端应用，再将订单管理作为又一个微前端应用，不同的微前端应用之间相互独立，这样可以隔离团队代码，构建独立的应用，并且在运行时可自由组合。
步骤S202，获取用户在上述操作界面上发起的资源访问请求，该资源访问请求中包含不同的资源类型，上述资源类型包括静态资源类型和动态资源类型。
其中，静态资源类型是指显示于标签页上的各种显示样式文件等，例如HTML文件(Hyper Text Markup Language，超文本标记语言)、JS(Javascript)格式文件、CSS文件(Cascading Style Sheets，层叠样式表)以及各种格式的图片以及音频、视频文件等，这些资源往往变化较少，但是数量多，占用空间却往往比较大，如果每次都加载，则影响性能，浪费带宽，这些资源在应用过程中一般不需要经常改动，所以称为静态资源，例如某购物网站上所显示的商品主图等，可单独放置在静态代理服务器的缓存空间中便于快速获取，并节约后台服务器存储资源，减少负载。动态资源类型是指从后端获取的具体业务数据内容，这些资源需要根据业务需求随时变更，例如具体商品名称、单价、商品详细内容描述等。
具体地，当用户在操作界面的标签页上发起资源访问请求，例如点击某个商品链接时，则意味着该标签页对应的微前端应用向相应的模块发起资源访问请求，即需要从静态资源代理服务器获取图片等资源或者从后端获取相应的不同资源。上述资源访问请求中可以包含不同的资源类型，具体包括静态资源类型和动态资源类型，静态资源例如商品显示样式文件，动态资源例如商品单价、商品型号、商品详情描述等数据内容。如果是静态资源类型，则向静态代理服务器发起资源访问请求，静态代理服务器响应请求，查找静态代理服务器自身存储的静态资源，将相应的静态资源返回至相应的微前端应用对应的标签页上；如果是动态资源类型，则向动态资源代理服务器发起动态资源访问请求，动态资源代理服务器向后台微应用接口发起动态资源访问请求，使得后台微应用向后台微服务获取动态资源并返回该动态资源，经动态资源代理服务器转发至相应的客户端的微前端应用，并显示在相应的微前端应用对应的标签页上，其中微前端应用是与后台微应用一一对应的。
步骤S203，根据上述资源类型从相应的数据接口获取与上述资源类型对应的资源，并将上述资源展示在标签页上；其中，上述数据接口包括静态资源访问接口和与上述微前端应用一一对应的后台微应用接口；其中，静态资源访问接口，用于获取上述静态资源类型的资源；上述后台微应用接口，用于获取上述动态资源类型的资源。
具体地，终端101根据资源访问请求中的资源类型，从相应的数据接口获取与资源类型对应的资源，并将这些资源展示在标签页上。其中，数据接口分为两类，分别与静态资源访问接口，用于获取静态资源，例如上述各种商品显示样式文件，另一类数据接口为与上述微前端一一对应的后台微应用接口，用于从后端服务器获取上述动态资源例如商品单价、商品型号、商品详情描述等数据内容。
上述实施例，通过在客户端显示操作界面，其中该操作界面上包含不同的标签页，各个微前端应用相互独立；获取用户在上述操作界面上发起的资源访问请求，该资源访问请求中包含不同的资源类型，具体包括静态资源类型和动态资源类型；根据上述资源类型从相应的数据接口获取与上述资源类型对应的资源，并将该资源展示在上述标签页上，其中，上述数据接口包括静态资源访问接口和与上述微前端应用一一对应的后台微应用接口；上述静态资源访问接口，用于获取上述静态资源类型的资源，上述后台微应用接口，用于获取上述动态资源类型的资源。该方法通过各个微前端应用相互独立，不同标签页对应不同的相互独立的浏览上下文，不同的浏览上下文来自于同一或不同的HTML文档，各个HTML文档归属于同一或不同的微前端应用，降低了系统运行时的耦合性，进而降低了系统运行风险，使得系统开发时能够针对每个微前端应用单独开发，同时将动态资源与静态资源区分开，实现了动静分离，不必每次系统更新迭代时更新所有系统代码，提高了系统各功能之间的隔离性，提高了开发效率，进而降低了项目的维护成本。
在一实施例中，如图3所示，图3示出了一种微前端应用资源处理方法的框架图，上述步骤S203包括：若资源类型为静态资源类型，则将资源访问请求发送至静态资源代理服务器；通过静态资源代理服务器获取与静态资源类型对应的静态资源，并将静态资源展示在标签页上。以及，若资源类型为静态资源类型，则将资源访问请求发送至静态资源代理服务器；通过静态资源代理服务器从权限控制主框架获取与静态资源类型对应的静态资源，并将静态资源展示在标签页上。
可选地，图中软负载可以为一台Nginx代理服务器或由多个Nginx代理服务器构成的一个Nginx代理服务器集群；因静态资源和动态资源都用了同一台硬负载，从而实现了同域通信。
其中，权限控制主框架是本申请中的微前端应用框架的主要承载体，主要用于(1)用户登录、注册、权限的接入；(2)调度和管理标签页；(3)缺省页面的展示；(4)在客户端上展示页面主体框架，包括左侧和顶部的导航栏的展示，如图4所示，在操作界面上还显示了上述权限控制主框架。
图4中的操作界面中还包括管控公共库；本申请中的微前端应用和权限控制主框架均包含同一个管控公共库，管控公共库中包括组件、指令、工具类、样式和配置。
具体地，管控公共库中的元素按使用方式而分五大类(1)组件(components)；(2)指令(directive)；(3)工具类(utils)；(4)样式(styles)；(5)配置(config)；
其中，指令、组件和样式按适用场景而分两大类：(1)基础型：跨系统可使用；(2)业务型：特定系统专用。
上述实施例，通过管控公共库，能不断丰富沉淀高复用或强管控的组件、指令、工具类、样式和配置，并且让每个微前端应用在开发、构建、部署时，能“零成本接入”，从而在运行时配合权限控制主框架，实现微前端应用在全生命周期都符合本框架所需的规范。
微前端应用通过特定的协议与权限控制主框架进行单向通信，并且其通信方法放置在管控公共库里，其中，通信消息体必填字段是：
字段名：messageType，数据类型：string，有以下可选值：
表1字段类型与解析
具体地，权限控制主框架用于标签页的调度和管理，因此可以把不同的微前端应用组合成一个系统以供用户使用，即终端101获取到用户的资源访问请求后，若其中包含静态资源类型的资源访问请求，则将该资源访问请求发送至通过静态资源代理服务器，通过静态资源代理服务器获取相应的静态资源例如商品主图文件等，或者，通过静态资源代理服务器从权限控制主框架所在的服务器上获取静态资源，例如标签页的页面格式、显示样式等文件，并将该静态资源展示在相应的标签页上。
可选地，上述静态资源代理服务器可以为Nginx代理服务器或其他类型的代理服务器。Nginx(engine x)是一款轻量级的Web服务器或者称为反向代理服务器，也是一种代理服务器软件。
上述实施例，通过设置权限控制主框架进行标签页的调度和管理，并通过静态资源代理服务器获取权限控制主框架提供的静态资源，实现各个微前端应用独立开发、独立构建、自由组合运行，并且前后端分离。
在一实施例中，上述步骤S203，包括：将资源访问请求发送至代理服务器；通过上述代理服务器向上述动态资源类型对应的后台微应用接口获取上述动态资源类型的资源，并将该动态资源类型的资源显示在相应的微前端应用对应的标签页上。
其中，代理服务器可以为硬负载，也可以是软负载，还可以是硬负载与软负载的结合；其中硬负载，全称硬件负载均衡是直接在服务器和外部网络间安装负载均衡设备；常用的硬件设备有F5；软负载为负载均衡软件，例如可以是Nginx代理服务器。
具体地，客户端响应于用户发起的资源访问请求，若该资源访问请求中包含的资源类型为动态资源类型，则终端101将该资源访问请求发送至硬负载，由硬负载将该资源访问请求发送至后端的与上述微前端应用对应的后台API接口(Application ProgrammingInterface，应用程序接口)，通过该后台API接口从后端服务器获取相应的动态资源，例如商品单价、商品详情描述内容等数据。终端101将获取的这些动态资源展示到相应的标签页上。
可选地，由于企业级的微前端应用在使用过程中数据访问量大，还可使用硬负载搭配软负载的形式进行负载均衡，所谓负载均衡是指当客户端产生大量的访问请求时，一台服务器的处理能力有限，容易崩溃，需要使用多台服务器组成服务器集群进行处理，而当所有的访问请求都集中于其中某一台或某几台服务器进行处理时，也容易造成服务器崩溃，同时还容易造成服务器资源分配不均导致资源浪费，因此需要使用负载均衡使得客户端产生的请求能够均衡地分配到不同的服务器上进行处理。负载均衡的原理是通过负载均衡器读取客户端所发出的访问请求内的信息，遵循一定的算法重写报头程序的待访问的服务器地址字段然后将请求发送至修改后的报头地址字段所指示的服务器上，进行负载均衡的算法有多种，例如随机算法、轮询及加权轮询、最小连接及加权最小连接、哈希算法、IP地址散列、URL散列等算法。本实施例中，硬负载也称为硬件负载，如F5负载均衡器，相对造价昂贵成本较高，但是数据的稳定性安全性等等有非常好的保障，通常由通信运营商选择硬负载进行布局并租用给需要使用的企业；一般企业考虑到成本原因，会选择使用软件负载均衡，软件负载均衡是利用现有的技术结合主机硬件实现的一种消息队列分发机制，在硬件服务器上安装相应的负载均衡软件实现负载均衡的功能，具有负载均衡功能的软件有LVS、Nginx和HAProxy等软件。终端101还可以将该资源访问请求发送至硬负载，再由硬负载发送至软负载，通过软负载为该资源访问请求分配路由，使得该资源访问请求到达后台API接口，并通过后台API接口从后端服务器获取相应的动态资源，其中，软负载可以是由安装有软负载的服务器集群组成，一方面可以根据客户端发出的资源访问请求将要浏览的资源从相应的后台微应用接口或者静态资源代理服务器调入本地缓存进行存储，并将这个资源经硬负载转发给相应的客户端展示在相应的标签页上，通过缓存功能使得用户可快速地访问资源。
上述实施例，通过将动态资源访问请求发送至后台的API接口，或者通过负载均衡服务器将动态资源访问请求发送至后台的API接口，使得在业务繁忙时，请求分配相应的路由从而实现负载均衡；另外，通过界面元素用前端语言实现、动态数据用后端语言实现，从而实现前后端分离，同时，把动态资源和静态资源由不同的服务器来解析，实现了动静分离，从而加快解析速度，降低传统的使用同一服务器解析不同数据的压力，提高了整个系统运行的效率。
在一实施例中，上述步骤S202之后还包括：将资源访问请求发送至权限控制主框架；通过权限控制主框架针对资源访问请求进行鉴权认证，生成认证结果；根据认证结果判断资源访问请求是否合法。上述步骤S203包括：若资源访问请求合法，则根据资源类型从相应的数据接口获取与资源类型对应的资源，并将资源展示在标签页上。
具体地，由于权限控制主框架还负责用户登录、注册、权限的接入，因此在终端101将资源访问请求发送至权限控制主框架之后，还可通过权限控制主框架针对该资源访问请求进行鉴权认证，针对用户名生成认证结果，根据认证结果判断该资源访问请求是否合法，若合法，则根据资源类型从相应的数据接口获取与资源类型对应的资源，并将资源展示在标签页上。
上述实施例，通过权限控制主框架针对用户的登录请求进行鉴权认证，若访问合法，才会从相应的数据接口请求相应的资源展示在对应的标签页上，提高了业务系统的安全性。
在一实施例中，如图5所示，图5为鉴权认证微服务的逻辑架构图，其中，静态资源服务器集群上存储有前端功能包，各个前端功能包按照不同的目录放置在服务器上，各个前端功能包中包含相应的功能页，这些功能页均为静态资源。该静态资源服务器集群可以是Nginx代理服务器，可实现负载均衡、反向代理并且有请求过滤的功能，该静态资源代理服务器能访问鉴权认证微服务接口。上述通过权限控制主框架针对上述资源访问请求进行鉴权认证，生成认证结果，包括：上述权限控制主框架根据上述资源访问请求的鉴权认证类别将上述资源访问请求发送至鉴权认证微服务进行鉴权认证，生成认证结果；权限控制主框架向鉴权认证微服务获取认证结果，若认证结果合法，则有以下两种情况：1.若上述资源访问请求中的资源类型为静态资源类型：则权限控制主框架返回第一类静态资源，第一类静态资源包括权限控制主框架中本身具有的资源，例如上述管控公共库中的组件、指令、工具类、样式和配置，权限控制主框架还可返回第二类静态资源，第二类静态资源为权限控制主框架向微前端应用获取的静态资源；2.若上述资源访问请求中的资源类型为动态资源：则权限控制主框架向后台微应用接口获取请求动态资源，动态资源为后台微应用接口执行操作并生成的操作结果。若不合法，则拒绝请求。
其中，鉴权认证类别包括三类，分别是前端控件渲染权限控制鉴权、菜单功能权限控制鉴权和后端服务接口权限控制鉴权；在图5中，路径“ma”代理动态资源，也即通过后台微应用发布的接口获取的数据。静态资源是指各页面资源，包括但不限于HTML、JS、CSS和图片文件等，在本实施例中，路径“sr”代理静态资源。
具体地，若用户发起的资源访问请求中涉及按钮交互，则判断相应的鉴权认证类别为前端控件渲染权限控制鉴权，客户端下载了静态资源HTML页面文件后，在页面初始化渲染时，客户端访问该接口，获取本页面下的标签页、按钮的交互控制代码，以控制前端界面展现。若资源访问请求的鉴权认证类别为菜单功能权限控制鉴权，则用户访问具体的页面路由时，由静态资源集群访问资源鉴权服务从而决定返回的资源。若资源访问请求的鉴权认证类别为后端服务接口权限控制鉴权：浏览器在获取静态资源HTML页面后，通过访问后台微应用接口获取数据进行渲染。
上述实施例，通过设置不同的鉴权认证类别，并相应地设置不同的接口，使得整个业务系统获得静态资源也能由后端鉴权的能力。
在一实施例中，上述微前端应用中包含多个HTML文档；各个HTML文档相互独立。
具体地，每个微前端应用能构建出多个HTML文档；各个HTML文档相互独立。由同一个微前端应用所运行出来的不同页面，能按需划分为来自于同一个或不同的HTML文档，各个HTML文档资源相互独立构建，同时权限控制主框架控制各个HTML文档运行在相应的标签页里，而各个标签页是以不同的HTML内联框架元素(<iframe>)的形式进行展示，进而实现其在客户端运行时是不同的独立的浏览上下文。
上述实施例，通过设置相互独立的HTML文档，根据其标签页的业务领域和团队不同而自由划分独立出不同的微前端应用，隔离团队代码，构建独立的应用，并且在运行时自由组合。同时，同一个应用里的各个HTML文档，也能按需划分为独立构建出同一个或不同的标签页，不同的标签页在客户端运行时是不同的独立的浏览上下文，一并满足高隔离、可用和安全的需求。
应该理解的是，虽然图1至5的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图1至5中的至少一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图6所示，提供了一种微前端应用资源处理装置600，包括：操作界面显示模块601、请求获取模块602和资源展示模块603，其中：
操作界面显示模块，用于在客户端显示操作界面；其中，操作界面上包含不同的标签页，各个微前端应用相互独立；
请求获取模块，用于获取用户在操作界面上发起的资源访问请求；资源访问请求中包含不同的资源类型；资源类型包括静态资源类型和动态资源类型；
资源展示模块，用于根据资源类型从相应的数据接口获取与资源类型对应的资源，并将资源展示在标签页上；其中，数据接口包括静态资源访问接口和与微前端应用一一对应的后台微应用接口；静态资源访问接口，用于获取静态资源类型的资源；后台微应用接口，用于获取动态资源类型的资源。
在一实施例中，上述资源展示模块603，进一步用于：根据静态资源类型从权限控制主框架提供的接口获取与静态资源类型对应的资源，并将静态资源类型对应的资源展示在标签页上。
在一实施例中，上述资源展示模块603，进一步用于：将资源访问请求发送至代理服务器；通过代理服务器向动态资源类型对应的后台微应用接口获取动态资源类型的资源，并将动态资源类型的资源显示在相应的微前端应用对应的标签页上。
在一实施例中，上述请求获取模块602，进一步用于：将资源访问请求发送至权限控制主框架；通过权限控制主框架针对资源访问请求进行鉴权认证，生成认证结果；根据认证结果判断资源访问请求是否合法。
在一实施例中，上述资源展示模块603，进一步用于：若资源访问请求合法，则根据资源类型从相应的数据接口获取与资源类型对应的资源，并将资源展示在标签页上。
在一实施例中，权限控制主框架进一步用于，根据资源访问请求的鉴权认证类别将资源访问请求发送至鉴权认证微服务进行鉴权认证，生成认证结果；上述资源展示模块603，进一步用于根据认证结果执行与资源访问请求对应的操作，生成操作结果，并将操作结果返回至操作界面上。
在一实施例中，上述鉴权认证类别包括前端控件渲染权限控制鉴权、菜单功能权限控制鉴权和后端服务权限控制鉴权。
在一实施例中，微前端应用中包含多个HTML文档；各个HTML文档相互独立。
关于微前端应用资源处理装置的具体限定可以参见上文中对于微前端应用资源处理方法的限定，在此不再赘述。上述微前端应用资源处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储用户信息以及管控公共库中的组件、指令、工具类、样式和配置信息，包括上述各实施例中涉及的各种数据信息。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种微前端应用资源处理方法。
本领域技术人员可以理解，图7中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现如上述的微前端应用资源处理方法的步骤。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现如上述的微前端应用资源处理方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，比如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种微前端应用资源处理方法，其特征在于，所述方法包括：
在客户端显示操作界面；其中，所述操作界面上包含不同的标签页；不同的标签页对应不同的相互独立的浏览上下文，不同的所述浏览上下文来自于同一或不同的HTML文档，各个所述HTML文档归属于同一或不同的微前端应用；各个所述微前端应用从开发、构建、发布到运行都是相互独立的；
获取用户在所述操作界面上发起的资源访问请求；所述资源访问请求中包含不同的资源类型；所述资源类型包括静态资源类型和动态资源类型；
根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上；其中，所述数据接口包括静态资源访问接口和与所述微前端应用一一对应的后台微应用接口；所述静态资源访问接口，用于获取所述静态资源类型的资源；所述后台微应用接口，用于获取所述动态资源类型的资源。
2.根据权利要求1所述的方法，其特征在于，所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，包括：
若所述资源类型为所述静态资源类型，则将所述资源访问请求发送至静态资源代理服务器；
通过所述静态资源代理服务器获取与所述静态资源类型对应的静态资源，并将所述静态资源展示在所述标签页上。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
若所述资源类型为所述静态资源类型，则将所述资源访问请求发送至静态资源代理服务器；
通过所述静态资源代理服务器从权限控制主框架获取与所述静态资源类型对应的静态资源，并将所述静态资源展示在所述标签页上；所述静态资源包括第一类静态资源和第二类静态资源；所述第一类静态资源包括所述权限控制主框架本身具备的资源；所述第二类静态资源包括所述权限控制主框架从微前端应用获取的静态资源。
4.根据权利要求3所述的方法，其特征在于，所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，包括：
若所述资源类型为所述动态资源类型，则将所述资源访问请求发送至动态资源代理服务器；
通过所述动态资源代理服务器向所述动态资源类型对应的后台微应用接口获取动态资源，并将所述动态资源显示在相应的微前端应用对应的标签页上。
5.根据权利要求1所述的方法，其特征在于，
所述获取用户在所述操作界面上发起的资源访问请求之后，还包括：
将所述资源访问请求发送至权限控制主框架；
通过所述权限控制主框架针对所述资源访问请求进行鉴权认证，生成认证结果；
根据所述认证结果判断所述资源访问请求是否合法；
所述根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上，还包括：
若所述资源访问请求合法，则根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上。
6.根据权利要求5所述的方法，其特征在于，所述通过所述权限控制主框架针对所述资源访问请求进行鉴权认证，生成认证结果，还包括：
所述权限控制主框架根据所述资源访问请求的鉴权认证类别将所述资源访问请求发送至鉴权认证微服务进行鉴权认证，生成认证结果；
根据所述认证结果执行与所述资源访问请求对应的操作，生成操作结果，并将所述操作结果返回至所述操作界面上；其中包括：
当所述认证结果合法，且所述资源访问请求中的资源类型为所述静态资源类型时，所述权限控制主框架用于，返回第一类静态资源和/或第二类静态资源至反向代理服务器；
以及，
当所述认证结果合法，且所述资源访问请求中的资源类型为所述动态资源类型时，所述权限控制主框架还用于，向后台微应用接口获取与所述动态资源类型相应的响应结果，并将所述响应结果返回至所述反向代理服务器。
7.根据权利要求6所述的方法，其特征在于，所述鉴权认证类别包括前端控件渲染权限控制鉴权、菜单功能权限控制鉴权和后端服务权限控制鉴权中的至少一种。
8.一种微前端应用资源处理装置，其特征在于，所述装置包括：
操作界面显示模块，用于在客户端显示操作界面；其中，所述操作界面上包含不同的标签页；不同的标签页对应不同的相互独立的浏览上下文，不同的浏览上下文来自于同一或不同的HTML文档；各个所述HTML文档归属于同一或不同的微前端应用；各个所述微前端应用从开发、构建、发布到运行都是相互独立的；
请求获取模块，用于获取用户在所述操作界面上发起的资源访问请求；所述资源访问请求中包含不同的资源类型；所述资源类型包括静态资源类型和动态资源类型；
资源展示模块，用于根据所述资源类型从相应的数据接口获取与所述资源类型对应的资源，并将所述资源展示在所述标签页上；其中，所述数据接口包括静态资源访问接口和与所述微前端应用一一对应的后台微应用接口；所述静态资源访问接口，用于获取所述静态资源类型的资源；所述后台微应用接口，用于获取所述动态资源类型的资源。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110551515.0A CN113220273B (zh) | 2021-05-20 | 2021-05-20 | 微前端应用资源处理方法、装置、设备和介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110551515.0A CN113220273B (zh) | 2021-05-20 | 2021-05-20 | 微前端应用资源处理方法、装置、设备和介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113220273A true CN113220273A (zh) | 2021-08-06 |
| CN113220273B CN113220273B (zh) | 2024-06-04 |
Family
ID=77093227
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110551515.0A Active CN113220273B (zh) | 2021-05-20 | 2021-05-20 | 微前端应用资源处理方法、装置、设备和介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113220273B (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114327688A (zh) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技（成都）有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
| CN114416169A (zh) * | 2022-01-18 | 2022-04-29 | 网易（杭州）网络有限公司 | 基于微前端的数据处理方法、介质、装置和计算设备 |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150046789A1 (en) * | 2013-08-09 | 2015-02-12 | Yottaa Inc. | Systems and methods for dynamically modifying a requested web page from a server for presentation at a client |
| CN108304207A (zh) * | 2018-03-01 | 2018-07-20 | 上海找钢网信息科技股份有限公司 | 混合app应用程序的资源更新方法及系统 |
| CN109213947A (zh) * | 2018-08-31 | 2019-01-15 | 北京京东金融科技控股有限公司 | 浏览器页面展示方法、装置、电子设备及可读介质 |
| CN109542538A (zh) * | 2018-11-22 | 2019-03-29 | 郑州云海信息技术有限公司 | 一种子系统管理方法和系统 |
| WO2019137214A1 (zh) * | 2018-01-09 | 2019-07-18 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
| CN110096659A (zh) * | 2019-03-27 | 2019-08-06 | 北京三快在线科技有限公司 | 一种页面显示方法、装置、设备及可读存储介质 |
| CN111274512A (zh) * | 2020-01-16 | 2020-06-12 | 深圳市元征科技股份有限公司 | 一种页面加载方法、装置及介质 |
| CN111381921A (zh) * | 2020-03-04 | 2020-07-07 | 北京东方金信科技有限公司 | 一种基于Ambari的前后端分离系统和方法 |
| CN111580854A (zh) * | 2020-03-18 | 2020-08-25 | 平安科技（深圳）有限公司 | 基于应用程序接口网关的前后端分离方法及相关设备 |
| CN111970138A (zh) * | 2020-03-31 | 2020-11-20 | 贵州电网有限责任公司 | 一种网络资源管控系统及资源管理方法 |
| CN111966877A (zh) * | 2020-06-29 | 2020-11-20 | 北京百度网讯科技有限公司 | 前端服务方法、装置、设备及存储介质 |
| CN112583776A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 网络资源的处理方法、装置和系统、存储介质及电子设备 |
| CN112597408A (zh) * | 2020-12-28 | 2021-04-02 | 恒生电子股份有限公司 | 一种系统融合方法、装置、设备和存储介质 |
| CN112612449A (zh) * | 2020-12-17 | 2021-04-06 | 深圳前海微众银行股份有限公司 | 一种网页页面的同步方法及装置、设备、存储介质 |
-
2021
- 2021-05-20 CN CN202110551515.0A patent/CN113220273B/zh active Active
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150046789A1 (en) * | 2013-08-09 | 2015-02-12 | Yottaa Inc. | Systems and methods for dynamically modifying a requested web page from a server for presentation at a client |
| WO2019137214A1 (zh) * | 2018-01-09 | 2019-07-18 | 阿里巴巴集团控股有限公司 | 一种页面显示方法和装置 |
| CN108304207A (zh) * | 2018-03-01 | 2018-07-20 | 上海找钢网信息科技股份有限公司 | 混合app应用程序的资源更新方法及系统 |
| CN109213947A (zh) * | 2018-08-31 | 2019-01-15 | 北京京东金融科技控股有限公司 | 浏览器页面展示方法、装置、电子设备及可读介质 |
| CN109542538A (zh) * | 2018-11-22 | 2019-03-29 | 郑州云海信息技术有限公司 | 一种子系统管理方法和系统 |
| CN110096659A (zh) * | 2019-03-27 | 2019-08-06 | 北京三快在线科技有限公司 | 一种页面显示方法、装置、设备及可读存储介质 |
| CN112583776A (zh) * | 2019-09-30 | 2021-03-30 | 北京国双科技有限公司 | 网络资源的处理方法、装置和系统、存储介质及电子设备 |
| CN111274512A (zh) * | 2020-01-16 | 2020-06-12 | 深圳市元征科技股份有限公司 | 一种页面加载方法、装置及介质 |
| CN111381921A (zh) * | 2020-03-04 | 2020-07-07 | 北京东方金信科技有限公司 | 一种基于Ambari的前后端分离系统和方法 |
| CN111580854A (zh) * | 2020-03-18 | 2020-08-25 | 平安科技（深圳）有限公司 | 基于应用程序接口网关的前后端分离方法及相关设备 |
| CN111970138A (zh) * | 2020-03-31 | 2020-11-20 | 贵州电网有限责任公司 | 一种网络资源管控系统及资源管理方法 |
| CN111966877A (zh) * | 2020-06-29 | 2020-11-20 | 北京百度网讯科技有限公司 | 前端服务方法、装置、设备及存储介质 |
| CN112612449A (zh) * | 2020-12-17 | 2021-04-06 | 深圳前海微众银行股份有限公司 | 一种网页页面的同步方法及装置、设备、存储介质 |
| CN112597408A (zh) * | 2020-12-28 | 2021-04-02 | 恒生电子股份有限公司 | 一种系统融合方法、装置、设备和存储介质 |
Non-Patent Citations (8)
| Title |
|---|
| WX-18538561085: "浅谈 VUE 前端权限", pages 1 - 4, Retrieved from the Internet <URL:https://blog.csdn.net/qq_40137978/article/details/110997405> * |
| ZHUANG LI等: "Joint Access Control and Resource Allocation for mMTC based on Tagged Preamble", 《2019 11TH INTERNATIONAL CONFERENCE ON WIRELESS COMMUNICATIONS AND SIGNAL PROCESSING (WCSP)》, 8 December 2019 (2019-12-08), pages 1 - 6 * |
| 于泽: "云平台网络安全检测系统中设备管理子系统的设计与实现", 《中国优秀硕士学位论文全文数据库（信息科技辑）》, no. 07, 15 July 2017 (2017-07-15), pages 138 - 87 * |
| 刘一田等: "微前端化微应用管理控制台", 《计算机系统应用》, no. 9, 30 September 2020 (2020-09-30), pages 126 - 130 * |
| 单茹楠: "基于微服务化前端架构的研究与实现", 《中国优秀硕士学位论文全文数据库（信息科技辑）》, no. 06, 15 June 2019 (2019-06-15), pages 139 - 51 * |
| 愛幻想的小水瓶: "实现权限控制_前、后端分离权限控制设计和实现思路, 太强了!", pages 1 - 7, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_42149145/article/details/112575531> * |
| 王沙沙: "基于上下文的细粒度移动应用权限控制方法的研究与实现", 《中国优秀硕士学位论文全文数据库（信息科技辑）》, no. 08, 15 August 2019 (2019-08-15), pages 138 - 87 * |
| 胡如乐等: "基于微服务基础组件的前端开发技术应用研究", 《电子测试》, no. 20, 31 October 2020 (2020-10-31), pages 84 - 86 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114416169A (zh) * | 2022-01-18 | 2022-04-29 | 网易（杭州）网络有限公司 | 基于微前端的数据处理方法、介质、装置和计算设备 |
| CN114327688A (zh) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技（成都）有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
| CN114327688B (zh) * | 2022-03-15 | 2022-07-08 | Tcl通讯科技（成都）有限公司 | 基于微前端的数据处理方法、框架、存储介质及终端设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113220273B (zh) | 2024-06-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9930103B2 (en) | Endpoint management system providing an application programming interface proxy service | |
| US7293034B2 (en) | Dynamically customizing a user interface for the aggregation of content | |
| US10356156B2 (en) | Method and device for loading webpage | |
| JP5952307B2 (ja) | ＷｅｂアプリケーションとＷｅｂサービスのアンビエント適応性を管理するためのシステム、方法および媒体 | |
| US8656021B2 (en) | Methods and apparatus for constructing an execution environment in which the application operates | |
| US20090100321A1 (en) | Universal contextual actions menu across windows applications | |
| EP2724251B1 (en) | Methods for making ajax web applications bookmarkable and crawlable and devices thereof | |
| US20090327421A1 (en) | Cross domain interaction of a Web application | |
| US8645916B2 (en) | Crunching dynamically generated script files | |
| US9747117B2 (en) | System and methods for loading an application and its modules in a client device | |
| TWI584149B (zh) | Web page access request response method and device | |
| US9497260B2 (en) | Communication between two web applications | |
| KR20230054474A (ko) | 마이크로프론트엔드 시스템, 서브애플리케이션 로딩 방법, 전자 디바이스, 컴퓨터 프로그램 제품 및 컴퓨터로 판독 가능한 저장 매체 | |
| CN113220273B (zh) | 微前端应用资源处理方法、装置、设备和介质 | |
| JP2018055241A (ja) | クラウドシステムにおける文書ファイルの生成サービスを提供する装置、方法及びプログラム | |
| US9350738B2 (en) | Template representation of security resources | |
| US20090228549A1 (en) | Method of tracking usage of client computer and system for same | |
| CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
| US8316103B2 (en) | Method for acquiring long data by GET method | |
| CN112818270A (zh) | 数据跨域传递方法、装置及计算机设备 | |
| AU2018390863B2 (en) | Computer system and method for extracting dynamic content from websites | |
| CN101772196A (zh) | 处理移动终端发送的信息的方法和系统以及代理服务器 | |
| US20090328061A1 (en) | Method for using information in another domain, program for using information in another domain, and information transfer program | |
| CN112565472B (zh) | 静态资源的处理方法和装置 | |
| CN113779528A (zh) | 多系统前端页面集成方法、装置、设备及介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |