Web性能监控平台的设计与实现

发布时间：2020-10-10 02:50

　　随着互联网的高速发展,市场上涌现了大量的web应用。为了在激烈的竞争中脱颖而出,开发人员不断朝着高用户体验探索。同时,因为web性能是用户体验最直接的决定者,所以如何改进和提升web性能是所有前端开发人员必须正视的问题。针对该问题,前端开发人员需要实时监控web性能数据,从各项数据指标中了解web应用的使用情况。以数据为支撑,分析数据中隐藏的信息,找出影响产品用户体验的原因,进而对产品实施优化。综上,为了实现对web性能的监控和分析,本文构建了一个简单全面的web性能监控平台。该平台负责公司web应用性能数据的监控及分析,为产品的优化提供科学的依据和指导。首先,本文对国内外相关web性能监控现状进行调研,对其中涉及的技术及方案进行分析。之后,结合目前流行的技术及公司实际需要,论文得出了 web性能监控平台的完整需求,并依据各功能点将平台划分为用户管理、页面管理、数据收集、数据分析以及数据可视化五大模块。其中,平台的整体构建采用了MongoDB + Express + Vue + Node的技术方案,全栈使用JavaScript进行开发,保证了对前端开发人员的技术友好。在数据收集模块,平台采用了新兴的window.performance接口进行相关性能数据的收集。收集到的数据经过存储和分析后,通过ECharts实现数据可视化展示。最后,论文对平台进行了系统的测试,保证了平台的可用性和健壮性。平台的实现严格依照软件工程开发流程进行,包括需求分析、概要设计、详细设计、编码实现及测试等。论文作者主导并参与了所有模块的需求分析、设计、开发工作,并辅助参与了部分测试工作。目前,web性能监控平台已正式上线并投入使用,能为公司产品提供实时的web性能监控。同时,平台运用其准确、生动的数据,方便迅速地指导前端开发人员进行产品性能优化,已为公司带来了可观的效益。
【学位单位】：北京交通大学
【学位级别】：硕士
【学位年份】：2018
【中图分类】：TP393.09
【文章目录】：
致谢
摘要
ABSTRACT
1 引言
    1.1 论文的背景
    1.2 研究的现状及分析
        1.2.1 国内外监控平台或工具概况
        1.2.2 页面加载指标收集技术概况
    1.3 研究的内容及意义
        1.3.1 研究方法
        1.3.2 研究的重难点
        1.3.3 研究的意义
    1.4 论文的组织结构
    1.5 本章小结
2 平台相关技术介绍
    2.1 MEVN系统架构
    2.2 PERFORMANCE接口
    2.3 前端跨域
    2.4 数据可视化
    2.5 本章小结
3 WEB性能监控平台需求分析
    3.1 平台总体需求分析
        3.1.1 总体行为概述
        3.1.2 总体功能概述
    3.2 平台功能性需求分析
        3.2.1 用户管理功能
        3.2.2页面管理功能
        3.2.3 数据收集功能
        3.2.4 数据分析功能
        3.2.5 数据可视化功能
    3.3 平台非功能性需求分析
        3.3.1 性能需求
        3.3.2 RAMS
    3.4 本章小结
4 WEB性能监控平台概要设计
    4.1 平台总体架构设计
        4.1.1 功能模块设计
        4.1.2 平台架构设计
    4.2 平台模块概述
        4.2.1 用户管理模块
        4.2.2 页面管理模块
        4.2.3 数据收集模块
        4.2.4 数据分析模块
        4.2.5 数据可视化模块
    4.3 数据库设计
        4.3.1 实体关系图
        4.3.2 数据结构
    4.4 本章小结
5 WEB性能监控平台详细设计
    5.1 性能指标设计
        5.1.1 页面加载指标
        5.1.2 基础数据指标
        5.1.3 错误日志指标
    5.2 平台模块详细设计
        5.2.1 用户管理模块
        5.2.2 页面管理模块
        5.2.3 数据收集模块
        5.2.4 数据分析模块
        5.2.5 数据可视化模块
    5.3 本章小结
6 WEB性能监控平台实现
    6.1 平台整体框架搭建
    6.2 用户管理模块实现
    6.3 页面管理模块实现
    6.4 数据收集模块实现
    6.5 数据分析模块实现
    6.6 数据可视化模块实现
    6.7 本章小结
7 WEB性能监控平台测试
    7.1 功能性测试用例设计
    7.2 性能测试用例设计
    7.3 本章小结
8 总结与展望
    8.1 总结
    8.2 展望
参考文献
作者简历及攻读硕士/博士学位期间取得的研究成果
学位论文数据集

【参考文献】