CN112114784A - 一种基于Single-Spa的前端微服务化系统 - Google Patents

一种基于Single-Spa的前端微服务化系统 Download PDF

Info

Publication number
CN112114784A
CN112114784A CN202010995318.3A CN202010995318A CN112114784A CN 112114784 A CN112114784 A CN 112114784A CN 202010995318 A CN202010995318 A CN 202010995318A CN 112114784 A CN112114784 A CN 112114784A
Authority
CN
China
Prior art keywords
console
unit
sub
spa
module
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.)
Pending
Application number
CN202010995318.3A
Other languages
English (en)
Inventor
方燕琼
唐升卫
刘菲
胡春潮
顾博川
郑培文
曾梦迪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Electric Power Research Institute of Guangdong Power Grid Co Ltd
Original Assignee
Electric Power Research Institute of Guangdong Power Grid Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Electric Power Research Institute of Guangdong Power Grid Co Ltd filed Critical Electric Power Research Institute of Guangdong Power Grid Co Ltd
Priority to CN202010995318.3A priority Critical patent/CN112114784A/zh
Publication of CN112114784A publication Critical patent/CN112114784A/zh
Pending legal-status Critical Current

Links

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
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Data Exchanges In Wide-Area Networks (AREA)

Abstract

本发明公开了一种基于Single‑Spa的前端微服务化系统，用于解决现有的前端微服务化实现方案缺乏独立部署标准、子应用不可单独访问、对部分技术不能继承，以及和第三方模块存在冲突的问题。本发明通过iframe标签将相互独立的多个子控制台嵌入总控制台，且子控制台之间基于路由通过Single‑Spa进行跳转，从而简化微服务架构的配置流程，实现子应用的单独访问，在新增应用的时候不需要重新打包部署，提高技术的集成，并能在一定程度上克服和第三方模块存在冲突的问题。

Description

一种基于Single-Spa的前端微服务化系统
技术领域
本发明涉及微前端技术领域，尤其涉及一种基于Single-Spa的前端微服务化系统。
背景技术
随着企业业务的不断发展，企业相关的组织结构和软件架构不断变化，企业的大型单体系统面临系统过于庞大的问题，迫切需要进一步地根据不同的业务进行细化，从而实现系统的优化。同时，市场上许多大型系统也随着不同业务系统的拆分，技术栈也因而变得越来越难以统一。因此，在对应用系统的功能业务拆分的时候，还需要把系统的技术栈统一起来，在拆分的同时保证系统的互通性。
基于这种情况，前端开发出了一种类似于微服务架构的微前端概念系统，也就是将单页面前端应用由单一的单体应用转变为多个小型前端集成一个系统，并且各个前端应用都支持独立开发部署。在众多的实现方案中，其中比较成熟的是Single-Spa的微服务架构，该微服务架构可以实现服务注册、事件监听和子父组件通信等功能。
但总体而言，现有的前端微服务化实现方案缺乏独立部署的标准，无论是开发还是打包部署，都需要对相关子应用和基座重新修改和打包，即使是Single-Spa的微服务架构也存在配置繁琐、新增应用需要重新打包部署、子应用不可单独访问、对部分技术不能集成，以及和第三方模块存在冲突等问题。
发明内容
本发明提供了一种基于Single-Spa的前端微服务化系统，解决了现有的前端微服务化实现方案缺乏独立部署标准、子应用不可单独访问、对部分技术不能继承，以及和第三方模块存在冲突的问题。
本发明提供的一种基于Single-Spa的前端微服务化系统，包括若干相互独立的子控制台，所述子控制台通过iframe标签嵌入主控制台，所述子控制台之间基于路由通过Single-spa进行应用跳转。
优选地，所述子控制台具体为VUE框架子控制台。
优选地，所述前端VUE框架子控制台以VUE框架为主体，使用vue-router路由模式，以node.js为运行环境，以TortoiseSVN为存储环境。
优选地，所述系统还包括：
SLB控制台以及CDN控制台，所述子控制台与所述SLB控制台之间通过时间收发器进行数据传输，所述SLB控制台与所述CDN控制台之间通过事件收发器进行数据传输，所述之控制台与所述CDN控制台支架之间通过事件收发器进行数据传输。
优选地，所述子控制台模块或所述SLB控制台模块或所述CDN控制台模块包括浏览器单元、JS单元、webpack单元、页面容器单元、公共单元、Vuex单元、Axios单元以及UI组件库单元；
所述Axios单元通过POST或Get或WebSocket调用API接口与服务端进行交互；
所述Vuex单元用于进行数据状态管理；
所述公共单元用于为其他单元提供信息；
所述页面容器单元用于承载业务模块；
所述webpack单元将所述页面容器单元打包为app.js，用于开发或测试；
所述UI组件库单元用于为页面容器单元提供样式；
所述各页面JS模块生成单元用于生成各页面的JS模块；
所述浏览器单元用于识别HTML、JS、CSS，从而供用户使用。
优选地，所述webpack单元还用于对所述子控制台资源打包优化。
优选地，所述系统的路由机制为vue-router，所述子控制台通过iframe标签嵌入总控制台。
从以上技术方案可以看出，本发明具有以下优点：
本申请提供的一种基于Single-Spa的前端微服务化系统，相互独立的多个子控制台通过iframe标签嵌入总控制台，且子控制台之间基于路由通过Single-Spa进行跳转，从而简化微服务架构的配置流程，实现子应用的单独访问，在新增应用的时候不需要重新打包部署，提高技术的集成，并能在一定程度上克服和第三方模块存在冲突的问题。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其它的附图。
图1为本发明提供的一种基于Single-Spa的前端微服务化系统的一个实施例的总控制台与子控制台的关系连接图；
图2为本发明提供的一种基于Single-Spa的前端微服务化系统的一个实施例的架构图；
图3为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例的子控制台资源未拆分前的信息截图；
图4为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例的子控制台资源未拆分后的信息截图；
图5为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例中将子控制台使用manifest自动加载经过hash值的文件以代码实现的具体流程；
图6为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例子控制台间的通信机制示意图。
具体实施方式
本发明实施例提供了一种基于Single-Spa的前端微服务化系统，用于解决现有的前端微服务化实现方案缺乏独立部署标准、子应用不可单独访问、对部分技术不能继承，以及和第三方模块存在冲突的问题。
为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
请参阅图1，图1为本发明提供的一种基于Single-Spa的前端微服务化系统的一个实施例的总控制台与子控制台的关系连接图，其中1为主控制台，2为子控制台，在本实施例的系统中，一个主控制台1可以包含有无数个子控制台2，每一个子控制台2具备一定的功能，用户在登录主控制台1之后，以状态管理器中的路由控制器为媒介，控制子控制台2中的路由，进而控制每一个子控制台2。
举例说明，主控制台1可以是一个企业信息系统，多个子控制台2可以包括在职人员信息介绍模块、客户信息介绍模块和部门信息介绍模块等不同的业务模块，每一个子控制台2作为小应用(业务模块)嵌入到主控制台1中，形成具有多种应用功能的企业信息系统。
本发明提供的一种基于Single-Spa的前端微服务化系统，包括若干相互独立的子控制台2，所述子控制台2通过iframe标签嵌入主控制台1，所述子控制台2之间基于路由通过Single-spa进行应用跳转。
需要说明的是，微服务是指面向服务架构的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来。具体地，将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展，每个服务都具有稳固的模块边界，甚至允许使用不同的编程语言来编写不同服务，也可以由不同的团队来管理。Single-Spa是一个用于前端微服务化的JavaScript前端解决方案。Iframe是HTML标签。
在本发明实施例中，每一个子控制台2都相当于一个独立子APP，独立的子APP通过iframe嵌入到主控制台1，并且子控制台2之间的跳转以Single-Spa为媒介。
进一步地，如图2所述，图2为一种基于Single-Spa的前端微服务化系统的一个实施例的架构图，所述子控制台2具体为VUE框架子控制台，所述前端VUE框架子控制台2以VUE框架为主体，使用vue-router路由模式，以node.js为运行环境，以TortoiseSVN为存储环境。
需要说明的是，现阶段三大主流的前端框架为：React、Vue、Angular，其中Vue框架相对于React框架和Angular框架来说更为轻量，场景使用也更加灵活。vue-router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，能够快速构建单页面应用。node.js是一个基于Chrome V8引擎的JavaScript运行环境。TortoiseSVN是Subversion版本控制系统的一个免费开源客户端，可以超越时间的管理文件和目录。
进一步的，所述系统还包括：SLB控制台以及CDN控制台，所述子控制台2与所述SLB控制台之间通过时间收发器进行数据传输，所述SLB控制台与所述CDN控制台之间通过事件收发器进行数据传输，所述子控制台2与所述CDN控制台支架之间通过事件收发器进行数据传输。
在具体实现中，SLB控制台指负载均衡控制台，CDN控制台指内容分发网络控制台，子控制台2和SLB控制台之间通过Event Bus(事件总线)进行数据传输，所述SLB控制台与所述CDN控制台之间通过Event Bus进行数据传输，所述子控制台2与所述CDN控制台支架之间通过Event Bus进行数据传输，通过这种方式，很好的将公共部分抽离出来，同时解耦了各个子控制台2，大大提升了开发效率和维护效率。
进一步，所述子控制台2或所述SLB控制台或所述CDN控制台包括浏览器单元、JS单元、webpack单元、页面容器单元、公共单元、Vuex单元、Axios单元以及UI组件库单元；
所述Axios单元通过POST或Get或WebSocket调用API接口与服务端进行交互；
所述Vuex单元用于进行数据状态管理；
所述公共单元用于为其他单元提供信息；
所述页面容器单元用于承载业务模块；
所述webpack单元将所述页面容器单元打包为app.js，用于开发或测试；
所述UI组件库单元用于为页面容器单元提供样式；
所述各页面JS模块生成单元用于生成各页面的JS模块；
所述浏览器单元用于识别HTML、JS、CSS，从而供用户使用。
在本发明实施例中，所述Axios单元通过POST请求或GET请求或WebSock(网络套接字)调用API接口(应用编程接口)与服务端进行交互，所述Vuex单元用于进行数据状态管理，所述公共单元用于其他单元提供类库、公共组件、Route(路由)、配置信息等，所述页面容器单元用于承载首页、会话等模块，所述webpack用于将所述页面容器单元打包为app.js，用于开发或测试；所述UI(用户界面)组件库单元用于为页面容器单元提供样式；所述各页面JS模块生成单元用于生成首页、会话、商品等JS模块，所述浏览器单元用于识别HTML、JS、CSS供用户使用。
进一步的，所述webpack单元还用于对所述子控制台2的资源打包优化。
在本发明实施例中，webpack单元还会对子控制台2的资源进行打包，从而减少子控制台2资源文件的内存占用情况，在子控制台2之间的切换时，也能减少切换时读取项目的时间。
本申请提供的一种基于Single-Spa的前端微服务化系统，相互独立的多个子控制台通过iframe标签嵌入总控制台，且子控制台之间基于路由通过Single-Spa进行跳转，从而简化微服务结构的配置流程，实现子应用的单独访问，在新增应用的时候不需要重新打包部署，提高技术的集成，并能在一定程度上克服和第三方模块存在冲突的问题。
下面通过一个示例，对本发明具体实现方法进行举例说明：
在微前端的实现方案中，原则上各个子控制台可兼容不同的前端框架，不同的前端框架的部署方式也并不相同，而本次优化中的实例是以VUE框架为主体，使用vue-router路由模式，以node.js为运行环境，以TortoiseSVN为存储环境，示例具体包括：
1、首先对子控制台的资源打包优化：
(1)修改项目的打包文件，具体为：在webpack单元的配置项中，修改子控制台entry的入口文件，将子控制台不同的插件包打包在不同的文件中，从而拆分较大的文件资源，达到减少打包后的文件大小，进而减少项目下载的时间。
其中，entry为webpack中指定多个入口文件，接受三种形式的值：字符串、数组、对象。
在实际应用中，子控制台的资源默认统一打包到相同的app.js文件中，而本示例将其分开打包，具体地，vue资源文件、element-ui资源文件、路由资源文件、状态管理文件单独为vender包，echarts单独打包。
对子控制台的资源打包优化的实现代码为：
Figure BDA0002692325280000071
请参阅图3与图4，图3为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例的子控制台资源未拆分前的信息截图，图4为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例的子控制台资源未拆分后的信息截图，可以看到，未打包前单文件大小为1743KB，修改后的文件大小只有791KB。
(2)请参阅图5，图5为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例中将子控制台使用manifest自动加载经过hash值的文件以代码实现的具体流程。让子控制台使用stats-webpack-plugin插件，每次打包后都输出一个只包含重要信息的manifest.json文件。
2、对路由的相应机制进行设置
主架构使用vue扩展single-spa，并增加路由管理，增加支持iframe模式的加载，使用router.addRoutes动态添加相应iframe路由。
(1)主框架基于vue-cli的脚手架进行集成，并使用element-ui作为前端框架库，并引入路由router，single-spa，axios等相关插件；
(2)新建一个single-spa-config.js，并在main.js引入；
新建single-spa-config.js的实现代码为：
Figure BDA0002692325280000072
Figure BDA0002692325280000081
Figure BDA0002692325280000091
Figure BDA0002692325280000101
Figure BDA0002692325280000111
在main.js引入的实现代码为：
Figure BDA0002692325280000112
Figure BDA0002692325280000121
(3)按照single-spa的设计，在入口文件中声明应用的名称，然后构建应用，包括：通过增加应用配置文件serve.js，在入口文件中声明相关应用的名称及对应的地址和端口，可用于初始化single-spa的时候将其注册到主框架中；具体实现是通过遍历调用微服务框架的注册函数registerApplication为项目注册子应用，并且自定义远程加载mainfest.json文件，解析需要加载的文件，简化了注册的过程。
增加应用配置文件serve.js的实现代码如下：
Figure BDA0002692325280000131
而简化注册的实现代码如下：
Figure BDA0002692325280000132
Figure BDA0002692325280000141
Figure BDA0002692325280000151
Figure BDA0002692325280000161
Figure BDA0002692325280000171
3、优化应用间的通信方式
请参阅图6，图6为本发明提供的一种基于Single-Spa的前端微服务化系统的一个示例子控制台间的通信机制示意图，包括：子控制台2和状态管理器3，在主框架中使用vue框架作为开发环境的情况下，使用vuex作为统一的状态管理器3。
在具体实现中，子控制台2在调用事件收发器后修改主框架的状态管理器3的状态值后，另一子控制台2亦可通过事件收发器获取主框架内的状态值，实现多个子控制台2之间的数据通信与同步。
在具体实现中，微服务架构需要为子控制台2提供注册和定义状态的地方，并且将这两个方法暴露到window中去。在vuex中定义两个变量，allVariable为汇总所有的状态值，variable为记录各个子控制台2对应的状态。在子控制台2初始化时，会调用子指控台2的状态注册函数servesRegister，子控制台2就会在variable上挂在对应的状态值，servesRegister为某个子控制台2服务代码的入口函数中注册即可，然后通过赋值函数setVariable定义或修改状态值。另外，我们还需要在getters中定义状态值的获取，通过getters返回一个函数来实现给getters传参，获取单个或所有的状态值。
为子控制台2提供注册和定义状态的实现代码为：
Figure BDA0002692325280000172
Figure BDA0002692325280000181
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的实施例中，应该理解到，所揭露的系统可以通过其它的方式实现。例如，以上所描述的系统实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (6)

1.一种基于Single-Spa的前端微服务化系统，其特征在于，包括若干相互独立的子控制台，所述子控制台通过iframe标签嵌入主控制台，所述子控制台之间基于路由通过Single-spa进行应用跳转。
2.根据权利要求1所述的基于Single-Spa的前端微服务化系统，其特征在于，所述子控制台具体为VUE框架子控制台。
3.根据权利要求2所述的基于Single-Spa的前端微服务化系统，其特征在于，所述前端VUE框架子控制台以VUE框架为主体，使用vue-router路由模式，以node.js为运行环境，以TortoiseSVN为存储环境。
4.根据权利要求1或2或3所述的基于Single-Spa的前端微服务化系统，其特征在于，还包括：SLB控制台以及CDN控制台，所述子控制台与所述SLB控制台之间通过时间器进行数据传输，所述SLB控制台与所述CDN控制台之间通过事件收发器进行数据传输，所述子控制台与所述CDN控制台支架之间通过事件收发器进行数据传输。
5.根据权利要求4所述的基于Single-Spa的前端微服务化系统，其特征在于，所述子控制台模块或所述SLB控制台模块或所述CDN控制台模块包括浏览器单元、JS单元、webpack单元、页面容器单元、公共单元、Vuex单元、Axios单元以及UI组件库单元；
所述Axios单元通过POST或Get或WebSocket调用API接口与服务端进行交互；
所述Vuex单元用于进行数据状态管理；
所述公共单元用于为其他单元提供信息；
所述页面容器单元用于承载业务模块；
所述webpack单元将所述页面容器单元打包为app.js，用于开发或测试；
所述UI组件库单元用于为页面容器单元提供样式；
所述各页面JS模块生成单元用于生成各页面的JS模块；
所述浏览器单元用于识别HTML、JS、CSS，从而供用户使用。
6.根据权利要求5述的基于Single-Spa的前端微服务化系统，其特征在于，所述webpack单元还用于对所述子控制台资源打包优化。
CN202010995318.3A 2020-09-21 2020-09-21 一种基于Single-Spa的前端微服务化系统 Pending CN112114784A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010995318.3A CN112114784A (zh) 2020-09-21 2020-09-21 一种基于Single-Spa的前端微服务化系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010995318.3A CN112114784A (zh) 2020-09-21 2020-09-21 一种基于Single-Spa的前端微服务化系统

Publications (1)

Publication Number Publication Date
CN112114784A true CN112114784A (zh) 2020-12-22

Family

ID=73801063

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010995318.3A Pending CN112114784A (zh) 2020-09-21 2020-09-21 一种基于Single-Spa的前端微服务化系统

Country Status (1)

Country Link
CN (1) CN112114784A (zh)

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112597408A (zh) * 2020-12-28 2021-04-02 恒生电子股份有限公司 一种系统融合方法、装置、设备和存储介质
CN112788134A (zh) * 2020-12-31 2021-05-11 苏州思必驰信息科技有限公司 管理分发方法和装置
CN112860236A (zh) * 2021-02-08 2021-05-28 杭州玳数科技有限公司 一种基于single-spa的微前端技术
CN112965707A (zh) * 2021-03-24 2021-06-15 深圳市活力天汇科技股份有限公司 Web多应用单页生成方法、系统、计算机设备及介质
CN112965717A (zh) * 2021-03-22 2021-06-15 深圳市城市交通规划设计研究中心股份有限公司 多系统集成部署并保持界面统一的前端部署系统及方法
CN113821194A (zh) * 2021-09-10 2021-12-21 上海云轴信息科技有限公司 一种微前端系统
CN113901143A (zh) * 2021-10-13 2022-01-07 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构
CN114327688A (zh) * 2022-03-15 2022-04-12 Tcl通讯科技（成都）有限公司 基于微前端的数据处理方法、框架、存储介质及终端设备
CN114679491A (zh) * 2020-12-24 2022-06-28 京东科技控股股份有限公司 微前端服务应用方法、装置、存储介质及电子设备
CN114756212A (zh) * 2022-06-13 2022-07-15 济南浪潮数据技术有限公司 低代码应用集成方法、装置、设备及介质

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110377274A (zh) * 2019-07-08 2019-10-25 紫光云技术有限公司 基于Single-Spa的微前端架构系统及开发、部署方法

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110377274A (zh) * 2019-07-08 2019-10-25 紫光云技术有限公司 基于Single-Spa的微前端架构系统及开发、部署方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
GITHUB: "single-spa-iframes", pages 1 - 2, Retrieved from the Internet <URL:https://github.com/ambitus-it/single-spa-iframes> *
柳菁: "vue-cli、ts + single-spa + systemJs 实现微前端", pages 1 - 10, Retrieved from the Internet <URL:https://juejin.cn/post/6844903930204258312> *

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114679491A (zh) * 2020-12-24 2022-06-28 京东科技控股股份有限公司 微前端服务应用方法、装置、存储介质及电子设备
CN112597408A (zh) * 2020-12-28 2021-04-02 恒生电子股份有限公司 一种系统融合方法、装置、设备和存储介质
CN112597408B (zh) * 2020-12-28 2023-08-04 恒生电子股份有限公司 一种系统融合方法、装置、设备和存储介质
CN112788134A (zh) * 2020-12-31 2021-05-11 苏州思必驰信息科技有限公司 管理分发方法和装置
CN112860236A (zh) * 2021-02-08 2021-05-28 杭州玳数科技有限公司 一种基于single-spa的微前端技术
CN112965717A (zh) * 2021-03-22 2021-06-15 深圳市城市交通规划设计研究中心股份有限公司 多系统集成部署并保持界面统一的前端部署系统及方法
CN112965707A (zh) * 2021-03-24 2021-06-15 深圳市活力天汇科技股份有限公司 Web多应用单页生成方法、系统、计算机设备及介质
CN113821194A (zh) * 2021-09-10 2021-12-21 上海云轴信息科技有限公司 一种微前端系统
CN113901143A (zh) * 2021-10-13 2022-01-07 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构
CN113901143B (zh) * 2021-10-13 2022-06-28 北京德塔精要信息技术有限公司 前端跨框架通信方法及前端框架结构
CN114327688B (zh) * 2022-03-15 2022-07-08 Tcl通讯科技（成都）有限公司 基于微前端的数据处理方法、框架、存储介质及终端设备
CN114327688A (zh) * 2022-03-15 2022-04-12 Tcl通讯科技（成都）有限公司 基于微前端的数据处理方法、框架、存储介质及终端设备
CN114756212A (zh) * 2022-06-13 2022-07-15 济南浪潮数据技术有限公司 低代码应用集成方法、装置、设备及介质

Similar Documents

Publication Publication Date Title
CN112114784A (zh) 一种基于Single-Spa的前端微服务化系统
CN111158818B (zh) 一种页面渲染方法和装置
CN108319483B (zh) 网页处理方法、装置、终端及存储介质
US9672140B1 (en) Processing special requests at dedicated application containers
US9785452B2 (en) Framework for dependency management and automatic file load in a network environment
CN111290753B (zh) 前端开发环境的搭建方法、装置、设备及存储介质
CN110377274B (zh) 基于Single-Spa的微前端架构系统及开发、部署方法
US7380237B2 (en) System and method for extending capabilities and execution efficiency of script based applications
EP1723516A1 (en) System and method for building mixed mode execution environment for component applications
KR20230054474A (ko) 마이크로프론트엔드 시스템, 서브애플리케이션 로딩 방법, 전자 디바이스, 컴퓨터 프로그램 제품 및 컴퓨터로 판독 가능한 저장 매체
CN109388766A (zh) 页面加载的方法和装置
CA2539460A1 (en) System and method for dynamic version management of applications
CN110580174B (zh) 应用组件生成方法、服务器及终端
CN112882792B (zh) 信息加载方法、计算机设备及存储介质
CN115794093A (zh) 一种基于多应用融合的微前端实现方法
CN115248692A (zh) 一种支持多种深度学习框架模型云端部署的装置及方法
US10223143B2 (en) System and method for supporting javascript as an expression language in a process defined by a process execution language for execution in a SOA middleware environment
CN108733495A (zh) 用于实现跨平台通信的方法和设备
US20160292003A1 (en) System and method for supporting object notation variables in a process defined by a process execution language for execution in a soa middleware environment
Newmarch Network Programming with Go: Essential Skills for Using and Securing Networks
CN114546434A (zh) 一种应用更新方法、装置、电子设备及存储介质
CN112486559A (zh) 产品调整方法、装置和存储介质及电子装置
US10223142B2 (en) System and method for supporting javascript activities in a process defined by a process execution language for execution in a SOA middleware environment
CN113726588B (zh) 数据集成方法、系统及服务器
CN104065507A (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