一种药品销售场景下的WEB页面性能监控框架构建方法技术

本发明专利技术公开了一种药品销售场景下的WEB页面性能监控框架构建方法，包括步骤：基于JavaScript暴露出的性能监控接口，获取页面最基础的性能数据并缓存于项目中，等待队列上报；进入药品详情、购药表单等核心页面时，对基础的性能接口进行封装；在药品详情、购药表单等核心页面中，基于随机机制对固定时间段内的页面进行截屏；开发日志数据上报队列功能，在一定的频率，将一定量的数据，完整的推送到日志服务器，日志服务需要对前端上报的日志数据进行过滤与归类；开发配套的性能监控面板，将前端上报的数据按照预定模式进行处理。本发明专利技术通过HTML的performance接口获取页面性能相关的信息，为性能优化提供了准确的数据依据。为性能优化提供了准确的数据依据。为性能优化提供了准确的数据依据。

【技术实现步骤摘要】
一种药品销售场景下的WEB页面性能监控框架构建方法


[0001]本专利技术涉及药品销售领域，具体为一种药品销售场景下的WEB页面性能监控框架构建方法。

技术介绍

[0002]在互联网行业快速发展的今天，web网站已经从过去信息共享、信息传递等简单应用，发展到如今丰富多彩的web应用，给人们的工作、生活带来便捷，成为人们工作、生活中不可或缺的一部分。随着web应用越来越重视优秀的用户体验，web页面也越做越复杂，如何更好的保障用户体验中最核心的交易响应耗时的体验成为了一个必须要解决的问题。
[0003]以药品销售场景为例，目前在药品销售场景下没有相应的WEB页面性能监控框架，市面上的监控框架基本都是较为通用化的，并且会伴随着用户行为、异常监控等额外的搜集，过度的搜集在药品销售的场景下是不太得当的，并且在药品销售的场景下需要有针对不同品类的药品的监控方案，一般的监控方案都是无法支持这类功能的。因此需要一种能实现在药品销售场景下的，垂直领域的进行页面性能参数搜集的监控框架。

技术实现思路

[0004]本专利技术的目的在于提供一种药品销售场景下的WEB页面性能监控框架构建方法，以解决上述
技术介绍
中提出的问题。
[0005]为实现上述目的，本专利技术提供如下技术方案：一种药品销售场景下的WEB页面性能监控框架构建方法，包括步骤：
[0006]S1：基于JavaScript暴露出的性能监控接口，获取页面最基础的性能数据并缓存于项目中，等待队列上报；
[0007]S2：进入药品详情、购药表单等核心页面时，对基础的性能接口进行封装；
[0008]S3：在药品详情、购药表单等核心页面中，基于随机机制对固定时间段内的页面进行截屏；
[0009]S4：开发日志数据上报队列功能，在一定的频率，将一定量的数据，完整的推送到日志服务器，日志服务需要对前端上报的日志数据进行过滤与归类；
[0010]S5：开发配套的性能监控面板，将前端上报的数据按照预定模式进行处理，并整理出若干个需要展示的面板指标，实时的将数据计算并展示到面板中。
[0011]优选的，S1中基于JavaScript的performance进行网页基础性能监控，基础的性能数据包括页面加载完成的时间、解析DOM树结构的时间、重定向的时间、DNS查询时间、读取页面第一个字节的时间、内容加载完成的时间、执行onload回调函数的时间、DNS缓存时间、卸载页面的时间、TCP建立连接完成握手的时间等。
[0012]优选的，S1中针对页面崩溃，利用window对象的load和beforeunload进行监控。
[0013]优选的，S2中在获取页面基础性能信息的同时，还通过对页面内所有的接口耗时进行获取，并按请求时序进行排列，与页面基础信息一并存入本地缓存中，等待队列上报。
[0014]优选的，S3中在不影响页面正常加载的前提下将截屏数据进行上报。
[0015]优选的，S3的随机机制的执行逻辑包括：基于随机种子按随机时间间隔对固定时间段内的页面进行截屏。
[0016]优选的，S5中将前端上报的数据按照预定模式进行处理的步骤包括：根据捕获的JavaScript页面日志及性能数据，基于分析系统分析展示异常列表，按发生时间、报警等级、责任人多维度进行查询；异常详情中展示捕获的异常信息、产生异常的代码在代码仓库中的位置、异常的类型。
[0017]优选的，分析系统还整理出若干个需要展示的面板指标的过程包括：若异常发生次数与影响用户数成正比，计算规则为：异常发生次数/影响用户数>＝1，则该问题较为严重，需要对该异常提高报警等级，优先处理；若如果异常发生次数与影响用户数成反比，则说明该异常只发生在少量用户与设备中，报警等级降低或不需要报警。
[0018]与现有技术相比，本专利技术的有益效果是：
[0019]1、本专利技术通过HTML的performance接口获取页面性能相关的信息，并且将页面当前展示的药品信息一同写入日志中。在页面本地维护一个定制化的日志队列，根据预设的配置策略，触发日志上报，为性能优化提供了准确的数据依据；同时通过实时监控以及日志同步，及时搜集线上Web页面运行的异常日志用于分析和报警，解决了线上异常响应慢，复现问题困难，时间成本过高的问题，有效降低或避免对用户造成的影响。
[0020]2、本专利技术基于日志数据库，能根据不同的药品，对数据库内的日志进行定制化的分析，最终输出针对不同药品的数据报告，实现快速分析的功能，满足垂直领域的进行页面性能参数搜集的技术优点。
附图说明
[0021]图1为本专利技术的构建流程图；
[0022]图2为本专利技术基础性能监控的模块图；
[0023]图3为本专利技术按照预定模式进行处理上报数据的流程图。
具体实施方式
[0024]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0025]请参阅图1
‑
3，本专利技术提供一种技术方案：一种药品销售场景下的WEB页面性能监控框架构建方法，包括步骤：
[0026]S1：基于JavaScript暴露出的性能监控接口，获取页面最基础的性能数据并缓存于项目中，等待队列上报；
[0027]S2：进入药品详情、购药表单等核心页面时，对基础的性能接口进行封装；
[0028]S3：在药品详情、购药表单等核心页面中，基于随机机制对固定时间段内的页面进行截屏；
[0029]S4：开发日志数据上报队列功能，在一定的频率，将一定量的数据，完整的推送到
日志服务器，日志服务需要对前端上报的日志数据进行过滤与归类；
[0030]S5：开发配套的性能监控面板，将前端上报的数据按照预定模式进行处理，并整理出若干个需要展示的面板指标，实时的将数据计算并展示到面板中。
[0031]优选的，S1中基于JavaScript的performance进行网页基础性能监控，基础的性能数据包括页面加载完成的时间、解析DOM树结构的时间、重定向的时间、DNS查询时间、读取页面第一个字节的时间、内容加载完成的时间、执行onload回调函数的时间、DNS缓存时间、卸载页面的时间、TCP建立连接完成握手的时间等。
[0032]优选的，S1中针对页面崩溃，利用window对象的load和beforeunload进行监控。
[0033]优选的，S2中在获取页面基础性能信息的同时，还通过对页面内所有的接口耗时进行获取，并按请求时序进行排列，与页面基础信息一并存入本地缓存中，等待队列上报。
[0034]优选的，S3中在不影响页面正常加载的前提下将截屏数据进行上报。
[0035]例：某用户，进入某药品详情时，命中了本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种药品销售场景下的WEB页面性能监控框架构建方法，其特征在于，包括步骤：S1：基于JavaScript暴露出的性能监控接口，获取页面最基础的性能数据并缓存于项目中，等待队列上报；S2：进入药品详情、购药表单等核心页面时，对基础的性能接口进行封装；S3：在药品详情、购药表单等核心页面中，基于随机机制对固定时间段内的页面进行截屏；S4：开发日志数据上报队列功能，在一定的频率，将一定量的数据，完整的推送到日志服务器，日志服务需要对前端上报的日志数据进行过滤与归类；S5：开发配套的性能监控面板，将前端上报的数据按照预定模式进行处理，并整理出若干个需要展示的面板指标，实时的将数据计算并展示到面板中。2.根据权利要求1所述的一种药品销售场景下的WEB页面性能监控框架构建方法，其特征在于：所述S1中基于JavaScript的performance进行网页基础性能监控，基础的性能数据包括页面加载完成的时间、解析DOM树结构的时间、重定向的时间、DNS查询时间、读取页面第一个字节的时间、内容加载完成的时间、执行onload回调函数的时间、DNS缓存时间、卸载页面的时间、TCP建立连接完成握手的时间等。3.根据权利要求1所述的一种药品销售场景下的WEB页面性能监控框架构建方法，其特征在于：所述S1中针对页面崩溃，利用window对象的load和beforeunload进行监控。4.根据权利要求1所述的一种药品销售场景下的WEB页面性能监控...

【专利技术属性】
技术研发人员：邓婕，
申请(专利权)人：上海镁信健康科技股份有限公司，
类型：发明
国别省市：