CN114816564A - 应用加载方法、装置和电子设备 - Google Patents

应用加载方法、装置和电子设备 Download PDF

Info

Publication number
CN114816564A
CN114816564A CN202210348809.8A CN202210348809A CN114816564A CN 114816564 A CN114816564 A CN 114816564A CN 202210348809 A CN202210348809 A CN 202210348809A CN 114816564 A CN114816564 A CN 114816564A
Authority
CN
China
Prior art keywords
application
sub
page
loading
target
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
CN202210348809.8A
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.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication 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 Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202210348809.8A priority Critical patent/CN114816564A/zh
Publication of CN114816564A publication Critical patent/CN114816564A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/445Program loading or initiating
    • G06F9/44521Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/955Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566URL specific, e.g. using aliases, detecting broken or misspelled links

Abstract

本申请公开了一种应用加载方法、装置和电子设备,属于计算机领域,该应用加载方法包括:获取目标应用的第一地址信息;根据第一地址信息,确定目标应用中第一子应用的第一加载路径;根据第一加载路径,并行加载目标应用和第一子应用。

Description

应用加载方法、装置和电子设备
技术领域
本申请属于计算机领域,具体涉及一种应用加载方法、装置和电子设备。
背景技术
目前,为了将单页面前端应用由单一的单体应用转变为多个小型前段应用聚合为一的应用,开发人员可以使用微前端(Micro-Frontends)技术。
然而,因此传统微前端框架加载速度较慢;并且在用户需求切换子应用时,需要经历对需求切换的子应用进行加载,并显示需求切换的子应用页面的过程,因此子应用的加载速度较慢且易出现卡顿。
发明内容
本申请实施例的目的是提供一种应用加载方法、装置和电子设备,能够提升应用加载速度。
第一方面,本申请实施例提供了一种应用加载方法,该方法包括:获取目标应用的第一地址信息;根据第一地址信息,确定目标应用中第一子应用的第一加载路径;根据第一加载路径,并行加载目标应用和第一子应用。
第二方面,本申请实施例提供了一种应用加载装置,该装置包括:获取模块、确定模块和加载模块。获取模块,用于获取目标应用的第一地址信息。确定模块,用于根据获取模块获取的第一地址信息,确定目标应用中第一子应用的第一加载路径。加载模块,用于根据确定模块确定的第一加载路径,并行加载目标应用和第一子应用。
第三方面,本申请实施例提供了一种电子设备,该电子设备包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面,本申请实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。
第六方面,本申请实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
在本申请实施例中,电子设备可以获取目标应用的第一地址信息;根据所述第一地址信息,确定所述目标应用中第一子应用的第一加载路径;根据第一加载路径,并行加载目标应用和第一子应用。本方案中,由于电子设备可以确定第一子应用的加载路径,以直接根据第一子应用的加载路径,并行加载目标应用和第一子应用,即本方案通过父子框架并行加载机制,使得父框架(即目标应用)与子应用同时加载,无需等待父框架加载完成再加载子应用,因此避免了父框架加载后再加载子应用易出现卡顿的问题,减少了整个加载过程的耗时,从而提升了电子设备加载应用的速度和效率。
附图说明
图1是现有技术提供的一种传统微前端框架的应用加载方法流程图;
图2是本申请实施例提供的一种微前端架构的示意图;
图3是本申请实施例提供的一种应用加载方法的流程图之一;
图4是本申请实施例提供的一种微前端框架的应用加载方法流程图;
图5是本申请实施例提供的微前端全屏框架节点结构图;
图6是本申请实施例提供的一种应用加载方法的界面实例示意图之一;
图7是本申请实施例提供的一种应用加载方法的界面实例示意图之二;
图8是本申请实施例提供的一种应用加载方法的流程图之二;
图9是本申请实施例提供的一种应用加载方法的流程图之三;
图10是本申请实施例提供的一种应用加载方法的流程图之四;
图11是本申请实施例提供的一种应用加载装置的结构示意图;
图12是本申请实施例提供的一种电子设备的硬件结构示意图之一;
图13是本申请实施例提供的一种电子设备的硬件结构示意图之二。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员获得的所有其他实施例,都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的对象通常为一类,并不限定对象的个数,例如第一对象可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。
下面结合附图,通过具体的实施例及其应用场景对本申请实施例提供的应用加载方法进行详细地说明。
微前端技术可以将微服务的理念应用于浏览器端,并使得各个前端应用独立开发、独立部署。微前端的架构通常是一个父框架基座,然后根据不同的业务需求,加载不同的子应用,其具备以下几个核心价值:
(1)技术栈无关
主框架不限制接入应用的技术栈,子应用具备完全自主权。
(2)独立开发、独立部署
子应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新。
(3)独立运行时
每个子应用之间状态隔离,运行时状态不共享。
微前端架构旨在解决单体应用在一个相对长的时间跨度下,由于参与的人员、团队的增多、变迁,因此单体应用从一个普通应用演变成一个巨石应用(Frontend Monolith)后,随之而来的应用不可维护的问题。这类问题在企业级网页应用中尤其常见。
然而,虽然微前端具有上述优点,但在运行中仍然存在多种问题,例如:
1、加载慢
图1示出了传统微前端框架的应用加载方法流程图,如图1所示,传统微前端框架在加载过程中,都需要先加载父框架,再加载子应用,因此,每次加载时均需要经历图1中示出的流程,由于传统加载流程是串行的,因此,其相同流程需要走两遍,从而也就导致了传统微前端框架加载流程比普通的非微前端框架要慢1倍左右,如此直接影响了用户体验。
2、切换慢
在传统微前端框架中,若用户需求切换子应用时,需要销毁当前子应用,然后加载其他子应用。因此,子应用又需要进行“下载超文本标记语言(HyperText MarkupLanguage,HTML)--->下载javascript文件-->运行javascript代码-->请求服务端数据-->页面展示”整个流程,导致微前端框架切换应用卡顿不流畅。
3、容易出现样式冲突,不同子应用容易影响
由于传统微前端框架中所有子应用都在同一上下文中,因此,若出现全局样式、全局监听、全局变量,则会对其他子应用有影响,容易出现样式冲突,内存泄漏,或者不可预知的错误。
本方法的目的在于提供了一种基于全屏HTML标签的浮动的框架(iframe)的微前端框架方案,实现了浏览器级别的硬隔离,防止javascript冲突、层叠样式表(CascadingStyle Sheets,CSS)冲突,做到物理层面的隔离。父子框架并行加载机制,使得父框架与子应用同时加载,不需要等待父框架加载完成再加载子应用,降低了一半的加载时间,并通过路由切换不同应用,使得旧应用隐藏、新应用显示,实现瞬间切换能力,应用切换顺滑无卡顿。
图2示出了本申请实施例提供的一种微前端架构示意图,如图2所示,该微前端架构包括三层结构,分别为浏览器层(地址栏),主应用层以及子应用集合层。
1、浏览器层
浏览器(地址栏)为用户入口,用户可以通过在浏览器层输入统一资源定位系统(Uniform Resource Locator,URL),该系统有多个页面,对应多个URL。
2、主应用层
主应用层是框架的关键部分,主要是由以下两部分组成:
路由引擎:可以实现浏览器地址栏与子应用展示隐藏的协调控制。例如,控制在用户第一次进入展示某个应用,并进行页面切换时,同步浏览器地址栏(方便用户复制,再次进入同一页面),并根据页面URL展示隐藏子应用。
数据共享引擎:可以实现子应用间的数据共享,保证各个应用间数据统一。例如登录信息,用户信息等。并且,若用户在某个应用修改共享数据后,则会同步到数据共享引擎,并再分发给其他应用,从而保证共享数据一致。
3、子应用集合层
该层为系统提前设置好的子应用集合,子应用由全屏iframe加载,同一时刻仅有一个子应用处于可视状态,其他子应用隐藏。当需要应用切换时,隐藏当前应用,显示需要展示的应用,瞬间切换。
本申请实施例提供一种应用加载方法,图3示出了本申请实施例提供的一种应用加载方法的流程图。如图3所示,本申请实施例提供的应用加载方法可以包括下述的步骤201至步骤203。
步骤201、电子设备获取目标应用的第一地址信息。
本申请实施例中,开发人员可以在前端静态页面中预留多个子应用文档对象模型(Document Object Model,DOM)节点,该DOM节点中的每一个层叠样式表中的定位技术(DIVision,DIV)标签中具有唯一身份标识(Identity document,ID),每个ID用于代表一个子应用,并对应该子应用加载路径(即子应用路由pathname)。因此,电子设备可以在用户对目标应用进行输入之后,获取目标应用的第一地址信息。
需要说明的是,上述pathname为地址URL中除域名以外的部分,例如,若URL为http://abcd.efg.xzy/New/Workbench/Personal,则http://abcd.efg.xzy为域名,/New/Workbench/Personal为pathname,其中,New对应/New/*路由,即以New开头的路由均对应ID为“New”的子应用。
可选地,本申请实施例中,开发人员在前端静态页面中可以预留多个子应用的DOM节点时,可以使用以下格式:
<div class=“subAPP”id=“New”></div>
<div class=“subAPP”id=“Web”></div>
<div class=“subAPP”id=“doc”></div>
<div class=“subAPP”id=“Board”></div>。
可选地,本申请实施例中,电子设备可以在接收到用户对目标应用的输入之后,通过父框架获取第一地址信息。
步骤202、电子设备根据第一地址信息,确定目标应用中第一子应用的第一加载路径。
本申请实施例中,电子设备可以在获取到第一地址信息之后,根据第一地址信息确定目标应用中第一子应用的第一加载路径。
可选地,本申请实施例中,电子设备在获取到第一地址信息之后,根据第第一地址信息中的第一子应用的节点信息,确定第一子应用的第一加载路径。
可选地,本申请实施例中,上述步骤202具体可以通过下述的步骤202a和步骤202b实现。
步骤202a、电子设备根据第一地址信息,确定目标应用的代码信息。
本申请实施例中,电子设备在获取到第一地址信息之后,根据第一地址信息,确定目标应用的代码信息。
步骤202b、电子设备根据目标应用的代码信息,确定第一子应用的第一加载路径。
本申请实施例中,电子设备在获取到目标应用的代码信息之后,可以根据目标应用的代码信息中的预留的第一子应用节点信息,确定第一子应用的标识信息,并根据第一子应用的标识信息,确定第一子应用的标识信息对应的第一加载路径。
步骤203、电子设备根据第一加载路径,并行加载目标应用和第一子应用。
本申请实施例中,电子设备在获取到第一加载路径之后,根据第一加载路径,并行加载目标应用和第一子应用。
可选地,本申请实施例中,电子设备在获取到第一加载路径之后,通过父框架加载目标应用,并同时通过微前端框架加载第一子应用,以使得电子设备同时并行加载目标应用和第一子应用。
可选地,本申请实施例中,上述步骤203可以通过下述的步骤203a实现。
步骤203a、电子设备创建全屏框架结构,并根据第一加载路径,在全屏框架结构中并行加载目标应用和第一子应用。
本申请实施例中,电子设备可以在获取了第一加载路径之后,直接创建全屏框架结构,挂在对应的DOM节点中,并在全屏框架结构中并行加载目标应用和第一子应用。
示例性地,图4示出了本申请实施例提供的微前端框架的应用加载方法流程图,如图4所示,微前端框架可以并行加载目标应用(即:父应用)和第一子应用(即:子应用)。
本申请实施例提供一种应用加载方法,在本申请实施例中,电子设备可以获取目标应用的第一地址信息;根据第一地址信息,确定目标应用中第一子应用的第一加载路径;根据第一加载路径,并行加载目标应用和第一子应用。本方案中,由于电子设备可以确定第一子应用的加载路径,以直接根据第一子应用的加载路径,并行加载目标应用和第一子应用,即本方案通过父子框架并行加载机制,使得父框架(即目标应用)与子应用同时加载,无需等待父框架加载完成再加载子应用,因此避免了父框架加载后再加载子应用易出现卡顿的问题,减少了整个加载过程的耗时,从而提升了电子设备加载应用的速度和效率。
可选地,本申请实施例中,在上述步骤203之后,本申请实施例提供的应用加载方法还包括下述的步骤301。
步骤301、在目标应用和第一子应用加载完成后,电子设备同时加载目标应用中的其它子应用。
本申请实施例中,上述其它子应用为目标应用中除第一子应用之外的子应用。
本申请实施例中,在目标应用和第一子应用加载完成后,电子设备可以继续同时加载目标应用中的其它子应用。
可选地,本申请实施例中,电子设备在目标应用和第一子应用加载完成后,可以同时开始加载子应用,并使用display:none(即css中隐藏DOM节点的方法)将它们隐藏到页面dom结构中。
示例性地,图5示出了本申请实施例提供的微前端全屏框架节点(iframe dom)结构图。
可选地,本申请实施例中,在上述步骤203之后,本申请实施例提供的应用加载方法还包括下述的步骤401。
步骤401、电子设备显示加载后的第一子应用的第一页面,并隐藏其它子应用。
本申请实施例中,上述其它子应用为目标应用中除第一子应用之外的子应用。
本申请实施例中,电子设备在并行加载目标应用和第一子应用之后,显示加载后的第一子应用的第一页面,并隐藏其它子应用。
可选地,本申请实施例中,上述步骤401具体可以通过下述的步骤401a实现。
步骤401a、电子设备在目标应用对应的可视化区域中显示第一页面,并将其它子应用隐藏至目标应用对应的隐藏区域中。
可选地,本申请实施例中,目标应用对应的区域中包括可视化区域和隐藏区域,电子设备在并行加载目标应用和第一子应用之后,可以在目标应用对应的可视化区域中显示第一页面,并将其他子应用隐藏至目标应用对应的隐藏区域中。
示例性地,如图6所示,电子设备在目标应用对应的可视化区域10中显示第一子应用(例如New应用)的页面(即第一页面)和第一页面的地址信息(http//abcd.efg.xyz/New/****),并将其他子应用(例如Web应用和Doc应用)隐藏至目标应用对应的隐藏区域11中。
可选地,本申请实施例中,第一页面中包括至少一个第一标识,每个第一标识分别用于指示一个其它子应用;在上述步骤401之后,本申请实施例提供的应用加载方法还包括下述的步骤501和步骤502。
步骤501、电子设备接收用户对至少一个第一标识中目标第一标识的第一输入。
本申请实施例中,第一页面中包括多个第一标识,每个第一标识分别用于指示一个其它子应用,用户可以对第一标识中的任意一个第一标识(例如目标第一标识)进行第一输入,以触发电子设备将当前可视化区域中显示的子应用切换为目标第一标识对应的子应用的页面。
可选地,本申请实施例中,上述目标第一标识的显示方式可以为文字、图像、视频或网址,用于指示该目标第一标识对应的页面,具体的可以根据实际使用情况确定,本申请实施例在此不做任何限制。
本申请实施例中,上述第一输入为用户将当前可视化区域中显示的子应用的页面切换为其他子应用的页面的输入。
可选地,本申请实施例中,上述第一输入可以为用户对目标第一标识的点击输入、长按输入或其他任意形式的输入,以触发电子设备切换在可视化区域显示的子应用的页面。
步骤502、电子设备响应于第一输入,将可视化区域中的第一页面切换为第二页面,并将第一子应用隐藏至隐藏区域中。
本申请实施例中,第二页面为目标第一标识指示的子应用的页面。
可选地,本申请实施例中,电子设备在接收到用户的第一输入之后,将可视化区域中的第一页面切换为目标第一标识指示的子应用的页面(即第二页面),然后将第一页面的地址信息切换为第二页面的地址信息,并将第一子应用隐藏至隐藏区域中。
需要说明的是,所有子应用iframe的渲染流程为:下载html--->下载javascript文件-->运行javascript代码-->请求服务端数据-->页面展示。
本申请实施例中,每个隐藏至隐藏区域中的子应用均为页面显示级别,因此,电子设备在接收到用户的第一输入之后,可以立即在可视化区域中显示目标第一标识指示的子应用的页面。
需要说明的是,电子设备在对子应用进行切换后,在目标界面的可视化区域只能看到一个子应用的页面,其切换过程是将第一子应用隐藏至隐藏区域,而将目标第一标识指示的子应用的页面显示在可视化区域中。
可选地,本申请实施例中,在用户需求进行子应用切换时,电子设备可以监控第一地址信息,例如若pathname从/New/*变成/Web/*,则将/New/*对应的子应用iframe隐藏起来,将/Web/对应的子应用iframe显示出来,以实现应用的瞬间切换。
示例性地,结合图6,如图7所示,电子设备在接收到用户的第一输入之后,将可视化区域10中显示的第一页面切换为第二页面(例如Web应用的页面),将第一页面的地址信息切换为第二页面的地址信息(例如http//abcd.efg.xyz/Web/****),并将第一子应用(例如New应用)至隐藏区域11。
本申请实施例中,由于电子设备并行加载目标应用和第一子应用,并同时加载其他子应用,因此,当用户需求进行子应用切换时,可以立即显示该需求切换的子应用的页面,如此,无需先销毁当前可视化区域中显示子应用,然后才能加载需求切换的子应用,提升了电子设备加载子应用的速度,并减少了卡顿的现象。
可选地,本申请实施例中,第一页面中包括至少一个第二标识,每个第二标识分别用于指示第一子应用中的一个子页面;在上述步骤401之后,本申请实施例提供的应用加载方法还包括下述的步骤601至步骤603。
步骤601、电子设备接收用户对至少一个第二标识中的目标第二标识的第二输入。
本申请实施例中,第一页面中包括多个第二标识,每个第二标识分别用于指示第一子应用中的一个子页面,用户可以对多个第二标识中的目标第二标识进行第二输入,以触发电子设备显示该目标第二标识对应的页面。
可选地,本申请实施例中,上述目标第二标识的显示方式可以为文字、图像、视频或网址,用于指示该目标第二标识对应的页面,具体的可以根据实际使用情况确定,本申请实施例在此不做任何限制。
可选地,本申请实施例中,上述第二输入可以为用户对目标第二标识的点击输入(例如单击输入、双击输入或预设次数的输入)、长按输入、滑动输入等,以触发电子设备显示该目标第二标识对应的页面。
步骤602、电子设备响应于第二输入,进行路由切换,获取第一消息,并获取目标第二标识对应的第二路径。
本申请实施例中,电子设备在接收到用户对目标第二标识的第二输入之后,可以进行路由切换,获取第一消息,并获取目标第二标识对应的第二路径。
可选地,本申请实施例中,上述第一消息为postmessage消息。
可选地,本申请实施例中,在用户需求切换第一子应用中包括的页面(即需求进行第一应用子iframe路由切换)的情况下,由于是在第一子应用中进行页面切换,其pathname结构一致,因此电子设备可以通过第一子应用进行切换路由,并获取第一消息,从而电子设备可以获取目标第二标识对应的第二路径。
步骤603、电子设备基于第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面。
本申请实施例中,第一子页面为第一子应用中的与第二路径对应的子页面。
本申请实施例中,电子设备在获取到第一消息和第二路径之后,基于第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面。
可选地,本申请实施例中,若用户需求进行第一应用子iframe路由切换,由于其pathname结构一致,因此电子设备可以通过第一子应用进行切换路由,并发送postmessage消息至电子设备的微前端框架中的父框架,从而电子设备可以获取到第二路径,然后通过父框架使用replace方法改变地址栏中地址信息,并将可视化区域中的第一页面切换为第一子页面。
示例性地,若电子设备当前在可视化区域中显示的页面为New应用的子页面(例如New/b页面),且用户需求将该New/b页面切换至New应用的另外一个子页面(例如New/c页面),由于其pathname结构一致,因此,电子设备可以先切换路由(例如使用push方法),并发送消息(例如postmessage消息)至电子设备的微前端框架中的父框架,从而父框架可以使用替换(例如replace)方法改变浏览器地址栏中的页面地址信息,并在可视化区域中显示New/c页面。
示例性地,如图8所示,图8示出了本申请实施例提供的一种应用加载方法的流程图,若用户需求将第一子应用的第一页面切换为与第一子应用的第一页面不同的第一子页面,可以通过图8所示的方法进行页面切换。
可选地,本申请实施例中,第一子页面中包括至少一个第三标识,每个第三标识分别用于指示一个其它子应用中的一个子页面;在上述步骤603之后,本申请实施例提供的应用加载方法还包括下述的步骤604至步骤606。
步骤604、电子设备接收用户对至少一个第三标识中的目标第三标识的第三输入。
本申请实施例中,第一子页面中包括至少一个第三标识,每个第三标识分别用于指示一个其它子应用中的一个子页面,用户可以对至少一个第三标识中的目标第三标识的第三输入,以触发电子设备切换至目标第三标识对应的子应用的子页面。
可选地,本申请实施例中,第一子应用中可以包括多个第三标识,每个第三标识可以用于指示一个其他子应用中的一个子页面,若用户需求将第一子应用当前显示的第一页面切换至其他子应用中的子页面,则可以通过对第一页面中包括的任意一个第三标识(例如目标第三标识)进行第三输入,从而电子设备可以根据用户的第三输入,将第一子应用当前显示的第一页面切换为目标第三标识指示的一个其他子应用的子页面。
可选地,本申请实施例中,上述第三输入可以为用户对目标第三标识的点击输入、长按输入、滑动输入等,以触发电子设备将第一子页面切换至目标第三标识对应的页面;具体地可以根据实际使用情况确定,本申请实施例不做任何限制。
步骤605、电子设备响应于第三输入,进行路由切换,获取第二消息,获取目标第三标识对应的第三加载路径,并将第一子应用隐藏至隐藏区域中。
本申请实施例中,电子设备在接收到用户对目标第三标识的第三输入之后,可以进行路由切换,获取第二消息,并获取目标第三标识对应的第三加载路径,然后将第一子应用隐藏至隐藏区域中。
可选地,本申请实施例中,上述第二消息为postmessage消息。
可选地,本申请实施例中,若用户需求将第一子应用中的第一子页面切换为其他子应用的子页面(即需求在不同的子应用的子页面中进行路由切换),由于电子设备是在不同的子应用的子页面中进行页面切换,其pathname结构不一致,因此电子设备可以通过第一子应用进行切换路由,然后获取第二消息,从而电子设备可以获取目标第三标识对应的第三加载路径,并将第一子应用隐藏至隐藏区域中。
步骤606、电子设备基于第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二子页面。
本申请实施例中,第二子页面为目标第三标识指示一个其它子应用中与第三加载路径对应的一个子页面。
可选地,本申请实施例中,若用户需求在不同的子应用的子页面中进行路由切换,电子设备可以先通过第一子应用切换路由,随后发送postmessage消息至电子设备的微前端框架中的父框架,从而父框架可以获取第三加载路径,并通过父框架使用replace方法改变地址栏中的地址信息,将可视化区域中的第一子页面切换为第二子页面,同时将第一子应用进行隐藏。
示例性地,若电子设备当前在可视化区域中显示的页面为New应用的子页面(例如New/b页面),且用户需求将该New/b页面切换至Web应用的子页面(例如Web/c页面),由于其pathname结构不一致,因此,电子设备可以先切换路由(例如使用push方法),并发送消息(例如postmessage消息)至电子设备的微前端框架中的父框架,从而父框架可以使用替换(例如replace)方法改变浏览器地址栏中的页面地址信息,将可视化区域中的New/b页面切换为Web/c页面,并将New应用隐藏至隐藏区域。
示例性地,如图9所示,图9示出了本申请实施例提供的一种应用加载方法流程图,若用户需求将第一子应用中的第一子页面切换为其他子应用(例如第二子应用)中的一个子页面,可以通过图9所示的方法进行页面切换。
可选地,本申请实施例中,上述步骤606具体可以通过下述的步骤606a和步骤606b实现。
步骤606a、电子设备基于第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二页面,并获取第三消息。
本申请实施例中,第二页面为其他子应用中的与第三标识对应的子应用的页面。
本申请实施例中,电子设备基于第三加载路径和第二消息,可以将可视化区域中的第一子应用的第一子页面切换为与第三标识对应的子应用的第二页面,并获取第三消息。
可选地,本申请实施例中,上述第三消息为postmessage消息。
可选地,本申请实施例中,电子设备可以在将第一子应用隐藏至隐藏区域之后,发送第三消息到与第三标识对应的子应用中,从而该第三标识对应的子应用可以获取第三消息。
步骤606b、电子设备基于第三消息,进行路由切换,并将可视化区域中的第二页面切换为第二子页面。
本申请实施例中,电子设备可以基于第三消息,进行路由切换,并将可视化区域中的第二页面切换为第二子页面。
可选地,本申请实施例中,电子设备可以基于第三消息,通过第三标识对应的子应用进行路由切换,然后将可视化区域中的第二页面切换为第二子页面。
可选地,本申请实施例中,在上述步骤401之后,本申请实施例提供的应用加载方法还包括下述的步骤701和步骤702。
步骤701、电子设备接收用户的第四输入。
本申请实施例中,上述第四输入为用户对第一子应用的数据信息的更新输入。
本申请实施例中,用户可以在电子设备并行加载目标应用和第一子应用之后,接收用户对第一子应用中的数据信息的第四输入,从而电子设备可以根据用户的第四输入,对第一子应用的数据信息进行更新。
步骤702、电子设备响应于第四输入,更新第一子应用的数据信息,并将更新后的数据信息存储于目标应用的数据库中,以与其他子应用共享。
本申请实施例中,电子设备在接收到用户对第一子应用的数据信息的更新输入之后,对第一子应用的数据信息进行更新,并将更新后的第一子应用的数据信息存储于目标应用的数据库中,以与其他子应用共享。
可选地,本申请实施例中,电子设备在接收到用户对第一子应用的数据信息的更新输入之后,可以通过父框架对应的目标应用将需要共享的数据存储于特定数据库中(例如store),从而电子设备可以通过该特定数据库对应的数据获取接口(例如getTopStore),获取该数据库的数据;通过该特定数据库对应的数据更新接口(例如syncTopMutation),对该特定数据库中的数据进行更新;通过该特定数据库对应的数据分发接口(例如syncTopStore),对数据进行分发。
示例性地,如图10所示,在电子设备需求加载某个子应用的情况下,可以通过特定数据库对应的数据获取接口的对应方法(例如getTopStore方法)获取该特定数据库中的数据;在电子设备需求对某个子应用的数据信息进行修改的情况下,可以通过特定数据库对应的数据更新接口的对应方法(例如syncTopMutation)对该特定数据库中的数据信息进行更新,从而电子设备可以通过共享数据引擎将更新后的数据信息分发至其他子应用中,以与其他子应用共享。
本申请实施例中,由于用户可以在任意一个子应用中对该任意一个子应用的数据信息进行更新,并将更新后的数据信息存储于目标应用的数据库中,以与其他子应用共享,如此,提升了电子设备进行应用加载的流畅度。
本申请实施例提供的应用加载方法,执行主体可以为应用加载装置。本申请实施例中以应用加载装置执行应用加载方法为例,说明本申请实施例提供的应用加载装置。
图11示出了本申请实施例中涉及的应用加载装置的一种可能的结构示意图。如图11所示,该应用加载装置60可以包括:获取模块61、确定模块62和加载模块63。
其中,获取模块61,用于获取目标应用的第一地址信息。确定模块62,用于根据获取模块61获取的第一地址信息,确定目标应用中第一子应用的第一加载路径。加载模块63,用于根据确定模块62确定的第一加载路径,并行加载目标应用和第一子应用。
本申请实施例提供一种应用加载装置,电子设备可以确定第一子应用的加载路径,以直接根据第一子应用的加载路径,并行加载目标应用和第一子应用,即本方案通过父子框架并行加载机制,使得父框架(即目标应用)与子应用同时加载,无需等待父框架加载完成再加载子应用,因此避免了父框架加载后再加载子应用易出现卡顿的问题,减少了整个加载过程的耗时,从而提升了电子设备加载目标应用中的子应用的速度和效率。
在一种可能实现的方式中,确定模块62,具体用于根据第一地址信息,确定目标应用的代码信息;并根据目标应用的代码信息,确定第一子应用的第一加载路径。
在一种可能实现的方式中,加载模块63,具体用于创建全屏框架结构,并根据第一加载路径,在全屏框架结构中并行加载目标应用和第一子应用。
在一种可能实现的方式中,加载模块63,还用于在根据第一加载路径,并行加载目标应用和第一子应用之后,在目标应用和第一子应用加载完成后,同时加载目标应用中的其它子应用,其它子应用为目标应用中除第一子应用之外的子应用。
在一种可能实现的方式中,上述应用加载装置60还包括:显示模块和隐藏模块。显示模块,用于加载模块63根据第一加载路径,并行加载目标应用和第一子应用之后,显示加载后的第一子应用的第一页面。隐藏模块,用于隐藏其它子应用,其它子应用为目标应用中除第一子应用之外的子应用。
在一种可能实现的方式中,显示模块,具体用于在目标应用对应的可视化区域中显示第一页面。隐藏模块,具体用于将其它子应用隐藏至目标应用对应的隐藏区域中。
在一种可能实现的方式中,第一页面中包括至少一个第一标识,每个第一标识分别用于指示一个其它子应用;上述应用加载装置60还包括:接收模块和切换模块。接收模块,用于显示模块在显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用之后,接收用户对至少一个第一标识中目标第一标识的第一输入。切换模块,用于响应于接收模块接收的第一输入,将可视化区域中的第一页面切换为第二页面,第二页面为目标第一标识指示的子应用的页面。隐藏模块,还用于将第一子应用隐藏至隐藏区域中。
在一种可能实现的方式中,第一页面中包括至少一个第二标识,每个第二标识分别用于指示第一子应用中的一个子页面;上述应用加载装置60还包括接收模块、处理模块和切换模块。接收模块,用于显示模块显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用之后,接收用户对至少一个第二标识中的目标第二标识的第二输入。处理模块,用于响应于接收模块接收的第二输入,进行路由切换,获取第一消息,并获取目标第二标识对应的第二路径。切换模块,用于基于处理模块得到的第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面,第一子页面为第一子应用中的与第二路径对应的子页面。
在一种可能实现的方式中,第一子页面中包括至少一个第三标识,每个第三标识分别用于指示一个其它子应用中的一个子页面;接收模块,还用于在切换模块基于第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面之后,接收用户对至少一个第三标识中的目标第三标识的第三输入。处理模块,还用于响应于接收模块接收的第三输入,进行路由切换,获取第二消息,获取目标第三标识对应的第三加载路径,并将第一子应用隐藏至隐藏区域中。切换模块,用于基于处理模块得到的第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二子页面,第二子页面为目标第三标识指示一个其它子应用中与第三加载路径对应的一个子页面。
在一种可能实现的方式中,切换模块,具体用于基于第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二页面,并获取第三消息,第二页面为其他子应用中的与第三标识对应的子应用的页面;并基于第三消息,进行路由切换,并将可视化区域中的第二页面切换为第二子页面。
在一种可能实现的方式中,上述应用加载装置60还包括:接收模块和处理模块。接收模块,用于显示模块显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用的页面之后,接收用户的第四输入,第四输入为用户对第一子应用的数据信息的更新输入。处理模块,用于响应于接收模块接收的第四输入,更新第一子应用的数据信息,并将更新后的数据信息存储于目标应用的数据库中,以与其他子应用共享。
本申请实施例中的应用加载装置可以是电子设备,也可以是电子设备中的部件,例如集成电路或芯片。该电子设备可以是终端,也可以为除终端之外的其他设备。示例性地,电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(Mobile Internet Device,MID)、增强现实(augmented reality,AR)/虚拟现实(virtualreality,VR)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personalcomputer,UMPC)、上网本或者个人数字助理(personal digital assistant,PDA)等,还可以为服务器、网络附属存储器(Network Attached Storage,NAS)、个人计算机(personalcomputer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。
本申请实施例中的应用加载装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统,可以为ios操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。
本申请实施例提供的应用加载装置能够实现图1至图10的方法实施例实现的各个过程,实现相同的效果,为避免重复,这里不再赘述。
可选地,如图12所示,本申请实施例还提供一种电子设备900,包括处理器901和存储器902,存储器902上存储有可在所述处理器901上运行的程序或指令,该程序或指令被处理器901执行时实现上述装置方法实施例的各个步骤,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图13为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备100包括但不限于:射频单元101、网络模块102、音频输出单元103、输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、以及处理器110等部件。
本领域技术人员可以理解,电子设备100还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图13中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。
其中,处理器110,用于获取目标应用的第一地址信息,根据第一地址信息,确定目标应用中第一子应用的第一加载路径,并根据第一加载路径,并行加载目标应用和第一子应用。
本申请实施例提供一种电子设备,电子设备可以确定第一子应用的加载路径,以直接根据第一子应用的加载路径,并行加载目标应用和第一子应用,即本方案通过父子框架并行加载机制,使得父框架(即目标应用)与子应用同时加载,无需等待父框架加载完成再加载子应用,因此避免了父框架加载后再加载子应用易出现卡顿的问题,减少了整个加载过程的耗时,从而提升了电子设备加载目标应用中的子应用的速度和效率。
可选地,本申请实施例中,处理器110,具体用于根据第一地址信息,确定目标应用的代码信息;并根据目标应用的代码信息,确定第一子应用的第一加载路径。
可选地,本申请实施例中,处理器110,具体用于创建全屏框架结构,并根据第一加载路径,在全屏框架结构中并行加载目标应用和第一子应用。
可选地,本申请实施例中,处理器110,还用于在根据第一加载路径,并行加载目标应用和第一子应用之后,在目标应用和第一子应用加载完成后,同时加载目标应用中的其它子应用,其它子应用为目标应用中除第一子应用之外的子应用。
可选地,本申请实施例中,显示单元106,用于根据第一加载路径,并行加载目标应用和第一子应用之后,显示加载后的第一子应用的第一页面。处理器110,用于隐藏其它子应用,其它子应用为目标应用中除第一子应用之外的子应用。
可选地,本申请实施例中,显示单元106,具体用于在目标应用对应的可视化区域中显示第一页面。处理器110,具体用于将其它子应用隐藏至目标应用对应的隐藏区域中。
可选地,本申请实施例中,第一页面中包括至少一个第一标识,每个第一标识分别用于指示一个其它子应用;用户输入单元107,用于在显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用之后,接收用户对至少一个第一标识中目标第一标识的第一输入。处理器110,用于响应于第一输入,将可视化区域中的第一页面切换为第二页面,第二页面为目标第一标识指示的子应用的页面。处理器110,还用于将第一子应用隐藏至隐藏区域中。
可选地,本申请实施例中,第一页面中包括至少一个第二标识,每个第二标识分别用于指示第一子应用中的一个子页面;用户输入单元107,用于显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用之后,接收用户对至少一个第二标识中的目标第二标识的第二输入。处理器110,用于响应于第二输入,进行路由切换,获取第一消息,并获取目标第二标识对应的第二路径。处理器110,还用于基于处理模块得到的第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面,第一子页面为第一子应用中的与第二路径对应的子页面。
可选地,本申请实施例中,第一子页面中包括至少一个第三标识,每个第三标识分别用于指示一个其它子应用中的一个子页面;用户输入单元107,还用于基于第一消息和第二路径,将可视化区域中的第一页面切换为第一子页面之后,接收用户对至少一个第三标识中的目标第三标识的第三输入。处理器110,还用于响应于第三输入,进行路由切换,获取第二消息,获取目标第三标识对应的第三加载路径,并将第一子应用隐藏至隐藏区域中。切处理器110,用于基于第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二子页面,第二子页面为目标第三标识指示一个其它子应用中与第三加载路径对应的一个子页面。
可选地,本申请实施例中,处理器110,具体用于基于第三加载路径和第二消息,将可视化区域中的第一子页面切换为第二页面,并获取第三消息,第二页面为其他子应用中的与第三标识对应的子应用的页面;并基于第三消息,进行路由切换,并将可视化区域中的第二页面切换为第二子页面。
可选地,本申请实施例中,用户输入单元107,用于显示加载后的第一子应用的第一页面,隐藏模块隐藏其它子应用的页面之后,接收用户的第四输入,第四输入为用户对第一子应用的数据信息的更新输入。处理器110,还用于响应于第四输入,更新第一子应用的数据信息,并将更新后的数据信息存储于目标应用的数据库中,以与其他子应用共享。
应理解的是,本申请实施例中,输入单元104可以包括图形处理器(GraphicsProcessing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元106可包括显示面板1061,可以采用液晶显示器、有机发光二极管等形式来配置显示面板1061。用户输入单元107包括触控面板1071以及其他输入设备1072中的至少一种。触控面板1071,也称为触摸屏。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序或指令的第一存储区和存储数据的第二存储区,其中,第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外,存储器109可以包括易失性存储器或非易失性存储器,或者,存储器109可以包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-Only Memory,ROM)、可编程只读存储器(Programmable ROM,PROM)、可擦除可编程只读存储器(Erasable PROM,EPROM)、电可擦除可编程只读存储器(Electrically EPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory,RAM),静态随机存取存储器(Static RAM,SRAM)、动态随机存取存储器(Dynamic RAM,DRAM)、同步动态随机存取存储器(Synchronous DRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data Rate SDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM,ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM,SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM,DRRAM)。本申请实施例中的存储器109包括但不限于这些和任意其它适合类型的存储器。
处理器110可包括一个或多个处理单元;可选地,处理器110集成应用处理器和调制解调处理器,其中,应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作,调制解调处理器主要处理无线通信信号,如基带处理器。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
本申请实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述装置方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器ROM、随机存取存储器RAM、磁碟或者光盘等。
本申请实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述装置方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
应理解,本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
本申请实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如上述装置方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。

Claims (15)

1.一种应用加载方法,其特征在于,所述方法包括:
获取目标应用的第一地址信息;
根据所述第一地址信息,确定所述目标应用中第一子应用的第一加载路径;
根据所述第一加载路径,并行加载所述目标应用和所述第一子应用。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一地址信息,确定所述目标应用中第一子应用的第一加载路径,包括:
根据所述第一地址信息,确定所述目标应用的代码信息;
根据所述目标应用的代码信息,确定所述第一子应用的第一加载路径。
3.根据权利要求1所述的方法,其特征在于,所述根据所述第一加载路径,并行加载所述目标应用和所述第一子应用,包括:
创建全屏框架结构,并根据所述第一加载路径,在所述全屏框架结构中并行加载所述目标应用和所述第一子应用。
4.根据权利要求1所述的方法,其特征在于,所述在根据所述第一加载路径,并行加载所述目标应用和所述第一子应用之后,所述方法还包括:
在所述目标应用和所述第一子应用加载完成后,同时加载所述目标应用中的其它子应用,所述其它子应用为所述目标应用中除所述第一子应用之外的子应用。
5.根据权利要求1-4任意一项所述的方法,其特征在于,所述根据所述第一加载路径,并行加载所述目标应用和所述第一子应用之后,所述方法还包括:
显示加载后的所述第一子应用的第一页面,并隐藏其它子应用,所述其它子应用为所述目标应用中除所述第一子应用之外的子应用。
6.根据权利要求5所述的方法,其特征在于,所述显示加载后的所述第一子应用的第一页面,并隐藏其它子应用,包括:
在所述目标应用对应的可视化区域中显示所述第一页面,并将所述其它子应用隐藏至所述目标应用对应的隐藏区域中。
7.根据权利要求5所述的方法,其特征在于,所述第一页面中包括至少一个第一标识,每个第一标识分别用于指示一个其它子应用;
所述在显示加载后的所述第一子应用的第一页面,并隐藏其它子应用之后,所述方法还包括:
接收用户对所述至少一个第一标识中目标第一标识的第一输入;
响应于所述第一输入,将所述可视化区域中的所述第一页面切换为第二页面,所述第二页面为所述目标第一标识指示的子应用的页面,并将所述第一子应用隐藏至所述隐藏区域中。
8.根据权利要求5所述的方法,其特征在于,所述第一页面中包括至少一个第二标识,每个第二标识分别用于指示所述第一子应用中的一个子页面;
所述显示加载后的所述第一子应用的第一页面,并隐藏其它子应用之后,所述方法还包括:
接收用户对所述至少一个第二标识中的目标第二标识的第二输入;
响应于所述第二输入,进行路由切换,获取第一消息,并获取所述目标第二标识对应的第二路径;
基于所述第一消息和所述第二路径,将所述可视化区域中的所述第一页面切换为第一子页面,所述第一子页面为所述第一子应用中的与所述第二路径对应的子页面。
9.根据权利要求8所述的方法,其特征在于,所述第一子页面中包括至少一个第三标识,每个第三标识分别用于指示一个其它子应用中的一个子页面;
所述基于所述第一消息和所述第二路径,将所述可视化区域中的所述第一页面切换为第一子页面之后,所述方法还包括:
接收用户对所述至少一个第三标识中的目标第三标识的第三输入;
响应于所述第三输入,进行路由切换,获取第二消息,获取所述目标第三标识对应的第三加载路径,并将所述第一子应用隐藏至所述隐藏区域中;
基于所述第三加载路径和所述第二消息,将所述可视化区域中的所述第一子页面切换为第二子页面,所述第二子页面为所述目标第三标识指示一个其它子应用中与所述第三加载路径对应的一个子页面。
10.根据权利要求9所述的方法,其特征在于,所述基于所述第三加载路径和所述第二消息,将所述可视化区域中的所述第一子页面切换为第二子页面,包括:
基于所述第三加载路径和所述第二消息,将所述可视化区域中的所述第一子页面切换为第二页面,并获取第三消息,所述第二页面为所述其他子应用中的与所述第三标识对应的子应用的页面;
基于所述第三消息,进行路由切换,并将所述可视化区域中的所述第二页面切换为第二子页面。
11.根据权利要求5所述的方法,其特征在于,所述显示加载后的所述第一子应用的第一页面,并隐藏其它子应用的页面之后,所述方法还包括:
接收用户的第四输入,所述第四输入为用户对所述第一子应用的数据信息的更新输入;
响应于所述第四输入,更新所述第一子应用的数据信息,并将更新后的所述数据信息存储于所述目标应用的数据库中,以与所述其他子应用共享。
12.一种应用加载装置,其特征在于,所述装置包括:获取模块、确定模块和加载模块;
所述获取模块,用于获取目标应用的第一地址信息;
所述确定模块,用于根据所述获取模块获取的所述第一地址信息,确定所述目标应用中第一子应用的第一加载路径;
所述加载模块,用于根据所述确定模块确定的所述第一加载路径,并行加载所述目标应用和所述第一子应用。
13.根据权利要求12所述的装置,其特征在于,
所述确定模块,具体用于根据所述第一地址信息,确定所述目标应用的代码信息;并根据所述目标应用的代码信息,确定所述第一子应用的第一加载路径。
14.根据权利要求12所述的装置,其特征在于,
所述加载模块,具体用于创建全屏框架结构,并根据所述第一加载路径,在所述全屏框架结构中并行加载所述目标应用和所述第一子应用。
15.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1至11中任一项所述的应用加载方法的步骤。
CN202210348809.8A 2022-04-01 2022-04-01 应用加载方法、装置和电子设备 Pending CN114816564A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210348809.8A CN114816564A (zh) 2022-04-01 2022-04-01 应用加载方法、装置和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210348809.8A CN114816564A (zh) 2022-04-01 2022-04-01 应用加载方法、装置和电子设备

Publications (1)

Publication Number Publication Date
CN114816564A true CN114816564A (zh) 2022-07-29

Family

ID=82533546

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210348809.8A Pending CN114816564A (zh) 2022-04-01 2022-04-01 应用加载方法、装置和电子设备

Country Status (1)

Country Link
CN (1) CN114816564A (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160170581A1 (en) * 2013-07-30 2016-06-16 Shenzhen Skyworth-Rgb Electronic Co., Ltd. Interface display method for application product platform and intelligent terminal equipment
CN106547578A (zh) * 2015-09-21 2017-03-29 阿里巴巴集团控股有限公司 终端应用app的加载方法及装置
CN108459888A (zh) * 2018-01-08 2018-08-28 平安科技(深圳)有限公司 多页面切换方法、装置、终端设备及存储介质
CN111639289A (zh) * 2020-05-13 2020-09-08 北京三快在线科技有限公司 一种网页加载方法及装置
CN112182442A (zh) * 2020-09-28 2021-01-05 湖南亚信软件有限公司 页面处理方法、装置、电子设备及计算机可读存储介质
CN113010224A (zh) * 2021-03-03 2021-06-22 南方电网数字电网研究院有限公司 前端微服务化方法、装置、计算机设备和存储介质
CN113806657A (zh) * 2021-09-10 2021-12-17 济南浪潮数据技术有限公司 基于微前端架构的页面加载方法、系统、设备及存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160170581A1 (en) * 2013-07-30 2016-06-16 Shenzhen Skyworth-Rgb Electronic Co., Ltd. Interface display method for application product platform and intelligent terminal equipment
CN106547578A (zh) * 2015-09-21 2017-03-29 阿里巴巴集团控股有限公司 终端应用app的加载方法及装置
CN112214260A (zh) * 2015-09-21 2021-01-12 创新先进技术有限公司 终端应用app的加载方法及装置
CN108459888A (zh) * 2018-01-08 2018-08-28 平安科技(深圳)有限公司 多页面切换方法、装置、终端设备及存储介质
CN111639289A (zh) * 2020-05-13 2020-09-08 北京三快在线科技有限公司 一种网页加载方法及装置
CN112182442A (zh) * 2020-09-28 2021-01-05 湖南亚信软件有限公司 页面处理方法、装置、电子设备及计算机可读存储介质
CN113010224A (zh) * 2021-03-03 2021-06-22 南方电网数字电网研究院有限公司 前端微服务化方法、装置、计算机设备和存储介质
CN113806657A (zh) * 2021-09-10 2021-12-17 济南浪潮数据技术有限公司 基于微前端架构的页面加载方法、系统、设备及存储介质

Similar Documents

Publication Publication Date Title
CN108108205B (zh) 应用程序页面处理方法和装置
EP3399721B1 (en) Interface data displaying method and device
US8578277B2 (en) Integrating charts in documents
US20200073920A1 (en) Systems and methods for remote dashboard image generation
US8156419B2 (en) Intelligent preloads of views and asynchronous loading of models using the MVC design pattern
CN110263275A (zh) 一种访问网页的方法、装置、移动终端和存储介质
WO2016032080A1 (ko) 메타 데이터를 이용한 차트 변환 시스템 및 그 방법
Behl et al. Architectural pattern of progressive web and background synchronization
CN108509207A (zh) Web应用程序的跨系统安装
CN112948035A (zh) 微前端页面的控制方法、装置、终端设备及存储介质
CN107609042A (zh) 一种页面更新方法和装置
CN110780939B (zh) 加载资源文件的方法、装置、计算机设备及存储介质
CN105359104A (zh) 状态信息的同步点
KR20160113135A (ko) 웹 기반 애플리케이션에서 편집하기 위한 문서의 인쇄 뷰를 제공하는 기법
CN108920645A (zh) 智能设备页面显示的方法、装置、智能设备和存储介质
KR20200058328A (ko) 뷰 스위칭
CN114816564A (zh) 应用加载方法、装置和电子设备
US8793342B2 (en) Interpreting web application content
RU2634221C2 (ru) Способ и устройство для отрисовки представления электронного документа на экране
JP2007328488A (ja) 表示装置および表示処理方法
CN110187881B (zh) 一种异形窗口创建方法、系统、装置及计算机存储介质
CN112051952A (zh) 图片动态浏览方法、装置、电子设备及可读存储介质
JP2004234380A (ja) テーブル表示切替方法,テキストデータ変換プログラム及びタグプログラム
CN112433723A (zh) 个性化列表开发方法及装置
Liu et al. MUIT: a middleware for adaptive mobile web-based user interfaces in WS-BPEL

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