微前端性能监测方法、装置、设备及存储介质制造方法及图纸

本公开涉及软件处理技术领域，尤其涉及一种微前端性能监测方法、装置、设备及存储介质。方法包括：获取所述微前端内切换至目标应用的应用切换信息；当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，其中，所述历史代理函数由第一钩子函数代理历史记录接口形成，所述历史记录接口用于记录所述微前端内应用切换时的路由变化；对所述资源进行性能分析，获得所述目标应用的性能监测数据。本公开用以解决现有技术中微前端内应用切换时无法进行性能监测的缺陷，实现微前端内应用切换时的性能监测。切换时的性能监测。切换时的性能监测。

【技术实现步骤摘要】
微前端性能监测方法、装置、设备及存储介质


[0001]本公开涉及软件处理
，尤其涉及一种微前端性能监测方法、装置、设备及存储介质。

技术介绍

[0002]前端的网络性能是用户留存率的重要影响因素。目前，微前端应用是互联网行业的一个大趋势。但是，现有技术中性能监测技术针对多页应用，依托导航计时标准，记录多页应用页面初次加载或者深度刷新过程中的性能数据。而微前端内的应用切换时不会触发页面重新加载，无法在应用切换时及时获得性能数据，进而无法及时发现微前端网络性能存在的问题，导致微前端的使用体验差。

技术实现思路

[0003]本公开提供一种微前端性能监测方法、装置、设备及存储介质，用以解决现有技术中微前端内应用切换时无法进行性能监测的缺陷，实现微前端内应用切换时的性能监测。
[0004]本公开提供一种微前端性能监测方法，包括：获取所述微前端内切换至目标应用的应用切换信息；当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，其中，所述历史代理函数由第一钩子函数代理历史记录接口形成，所述历史记录接口用于记录所述微前端内应用切换时的路由变化；对所述资源进行性能分析，获得所述目标应用的性能监测数据。
[0005]根据本公开提供的一种微前端性能监测方法，所述当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，包括：当所述应用切换信息触发历史代理函数时，调用资源获取代理函数，其中，所述资源获取代理函数由第二钩子函数代理资源获取接口形成，所述资源获取接口用于所述微前端内的所述目标应用向后端获取资源；通过所述资源获取代理函数，获取所述目标应用请求的资源。
[0006]根据本公开提供的一种微前端性能监测方法，所述对所述资源进行性能分析，获得所述目标应用的性能监测数据，包括：当所述资源获取代理函数生成资源加载结束信息时，调用性能监听代理函数，其中，所述性能监听代理函数由第三钩子函数代理性能监听接口形成，所述性能监听接口用于监听文档对象模型结构变化；通过所述性能监听代理函数，分析所述资源中文档对象模型的结构变化，获得所述目标应用的所述性能监测数据。
[0007]根据本公开提供的一种微前端性能监测方法，所述当所述应用切换信息触发历史代理函数时，调用资源获取代理函数，包括：当所述应用切换信息触发所述历史代理函数时，获取所述目标应用的统一资源定位地址；确定所述统一资源定位地址包含预设的兴趣标签后，调用所述资源获取代理函数，其中，所述兴趣标签为指示资源加载操作的标签。
[0008]根据本公开提供的一种微前端性能监测方法，所述调用资源获取代理函数的同时，还包括：启动定时器统计所述资源加载操作的执行时长；所述当所述资源获取代理函数生成资源加载结束信息时，调用性能监听代理函数，包括：当所述执行时长达到第一预设时
长时，将所述定时器清零，判断所述资源加载操作是否结束，若是，根据所述资源获取代理函数生成的所述资源加载结束信息，调用所述性能监听代理函数；若否，再次启动所述定时器统计所述执行时长。
[0009]根据本公开提供的一种微前端性能监测方法，所述对所述资源进行性能分析，获得所述目标应用的性能监测数据之后，还包括：根据所述目标应用统一资源定位地址的路由规则，确定所述目标应用的应用类型，其中，所述应用类型包括主应用和子应用；将所述目标应用的所述性能监测数据，与所述应用类型对应保存。
[0010]根据本公开提供的一种微前端性能监测方法，所述对所述资源进行性能分析，获得所述目标应用的性能监测数据之后，还包括：根据所述目标应用的统一资源定位地址，获取所述目标应用的资源域名；根据所述资源域名，确定所述目标应用的应用类型，其中，所述应用类型包括主应用和子应用；将所述目标应用的所述性能监测数据，与所述应用类型对应保存。
[0011]本公开还提供一种微前端性能监测装置，包括：第一获取模块，用于获取所述微前端内切换至目标应用的应用切换信息；第二获取模块，用于当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，其中，所述历史代理函数由第一钩子函数代理历史记录接口形成，所述历史记录接口用于记录所述微前端内应用切换时的路由变化；分析模块，用于对所述资源进行性能分析，获得所述目标应用的性能监测数据。
[0012]本公开还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述微前端性能监测方法的步骤。
[0013]本公开还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述微前端性能监测方法的步骤。
[0014]本公开提供的微前端性能监测方法、装置、设备及存储介质，通过第一钩子函数代理历史记录接口形成历史代理函数，其中微前端内应用切换导致的路由变化由历史记录接口记录。当获取微前端内切换至目标应用的应用切换信息时，应用切换信息则会触发历史代理函数，该历史代理函数被触发时，获取目标应用请求的资源，通过分析该资源，得到目标应用的性能监测数据。也就是说，通过历史代理函数，能够在微前端内的应用切换时，启动性能监测的流程，实现微前端内应用切换时的性能监测。
附图说明
[0015]为了更清楚地说明本公开或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0016]图1是本公开提供的微前端性能监测方法的流程示意图之一；
[0017]图2是本公开提供的微前端性能监测方法的流程示意图之二；
[0018]图3是本公开提供的微前端性能监测装置的结构示意图；
[0019]图4是本公开提供的电子设备的结构示意图。
具体实施方式
[0020]为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开实施例一部分实施例，而不是全部的实施例。基于本公开实施例中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开实施例保护的范围。
[0021]网络性能影响用户留存率，例如，万维网(World wide web，web)页面的加载性能。研究表明：如果一个移动端页面加载时长超过3秒，用户就会放弃而离开；并且网页加载时长每增加1秒，用户就会流失10％。我们希望通过监控来知道web应用性能的现状和趋势。而针对微前端应用的特殊性，本公开提供一种微前端性能监测方法，来实现对微前端应用的性能监测。本方法可以通过软件算法实现，该软件算法实现于服务器、计算机、处理器等处理设备中，且该处理设备能够获取微前端的相关数据。下面结合图1
‑
图2描述本公开实施例提供的微前端性能监测方法。
[0022]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种微前端性能监测方法，其特征在于，包括：获取所述微前端内切换至目标应用的应用切换信息；当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，其中，所述历史代理函数由第一钩子函数代理历史记录接口形成，所述历史记录接口用于记录所述微前端内应用切换时的路由变化；对所述资源进行性能分析，获得所述目标应用的性能监测数据。2.根据权利要求1所述的微前端性能监测方法，其特征在于，所述当所述应用切换信息触发历史代理函数时，获取所述目标应用请求的资源，包括：当所述应用切换信息触发历史代理函数时，调用资源获取代理函数，其中，所述资源获取代理函数由第二钩子函数代理资源获取接口形成，所述资源获取接口用于所述微前端内的所述目标应用向后端获取资源；通过所述资源获取代理函数，获取所述目标应用请求的资源。3.根据权利要求2所述的微前端性能监测方法，其特征在于，所述对所述资源进行性能分析，获得所述目标应用的性能监测数据，包括：当所述资源获取代理函数生成资源加载结束信息时，调用性能监听代理函数，其中，所述性能监听代理函数由第三钩子函数代理性能监听接口形成，所述性能监听接口用于监听文档对象模型结构变化；通过所述性能监听代理函数，分析所述资源中文档对象模型的结构变化，获得所述目标应用的所述性能监测数据。4.根据权利要求2所述的微前端性能监测方法，其特征在于，所述当所述应用切换信息触发历史代理函数时，调用资源获取代理函数，包括：当所述应用切换信息触发所述历史代理函数时，获取所述目标应用的统一资源定位地址；确定所述统一资源定位地址包含预设的兴趣标签后，调用所述资源获取代理函数，其中，所述兴趣标签为指示资源加载操作的标签。5.根据权利要求4所述的微前端性能监测方法，其特征在于，所述调用资源获取代理函数的同时，还包括：启动定时器统计所述资源加载操作的执行时长；所述当所述资源获取代理函数生成资源加载结束信息时...

【专利技术属性】
技术研发人员：黄成辉，曹文龙，闫军波，
申请(专利权)人：京东科技信息技术有限公司，
类型：发明
国别省市：