本文档是关于京东H5应用的可观测性保障实践的介绍，主要围绕IT运维管理中的可观测性体系建设展开，详细阐述了京东在H5应用可观测性方面的实践经验和成果。文档由ITIL先锋论坛主办，旨在分享和推广IT管理方法论在国内的应用与落地.
京东H5观测体系背景及介绍 - 移动端开发现状：介绍了当前移动端开发的三种模式——Native App、Hybrid和H5，分析了它们各自的优劣势，如H5跨平台开发效率高但用户体验不如原生，更新迭代方便但工程质量难以把控. - H5业务特性与研发测试痛点：H5业务具有页面多、业务活动多、搭建率高等特点，研发测试过程中存在线上用户反馈问题不及时发现和处理、业务性能现状不清晰、线上偶现异常难以追踪等痛点. - 业界现状：现有商业化或开源监控方案与公司内部数据贴合性不够，定制功能实现复杂，自建监控平台缺乏体系化的指标和衡量标准，覆盖不到全链路，对业务影响力较小.
京东H5观测体系解决方案 - 主动观测：通过H5探针上报、Webview保活上报、场景全覆盖等方式，实现用户反馈上报、接口/CDN资源监控等，提升综合性能评分，降低事故异常率. - 被动观测：采用自动化工具测试，实现告警降本提效，通过周报日报等方式助力业务. - 全链路观测及质量保障：打通搭建平台，实现单用户排障、全链路观测、接口trace等，支撑技改优化，保障发布质量.
主动观测的深入探索 - 基础设施建设：介绍了探针、日志服务端、观测平台等基础设施的建设方案，包括指标建设、日志格式、服务端架构等. - H5探针-指标建设：详细阐述了用户体验指标、综合性能评分、异常率等指标的建设，如Webvitals、Performance API、资源加载耗时等，并介绍了综合性能评分算法，根据不同场景设置对应评分标准. - 质量保障：从速度、稳定性和监控等方面介绍了质量保障措施，如Tree Shaking、NPM包/CDN接入、Hybrid离线包等，以及日志服务端的服务端架构和sourcemap反解析等.
被动观测的降本提效 - 被动观测的必要性：业务研发反馈侵入式接入探针成本大，业务迭代快，线上非异常业务问题感知困难，需要被动观测来增强观测覆盖面积，提升人效. - 落地方案：介绍了选择检测引擎、打通主动观测、平台可配置化落地等方案，如使用Puppeteer、Lighthouse等工具，实现统一采集指标、统一评分标准等. - 核心能力：包括功能问题检测、性能问题检测、专项检测等，能够自动扫描检测，提升人效，保障质量.
全链路观测及质量保障的实践与思考 - 单用户单会话纬度：观察用户/会话级别，客户端全链路的真实表现，帮助业务方快速排障分析，包括客户端基础信息、用户反馈、崩溃、网络、Webview组件、异常、性能数据等. - 页面URL性能纬度：以性能优化为导向，立体观测某个页面在性能涉及的全链路的实际情况，包括Hybrid离线包、基础Webview组件性能、H5页面性能情况、CDN资源加载情况等. - H5全链路质量保障：介绍了发布系统门禁检测、大促会场池质量综合日报、监控质量综合日报、CICD原子、违禁药品检测、H5/小程序封禁检测等质量保障措施，实现页面上线前后全链路质量保障.
本文详细介绍了京东H5应用的可观测性保障实践，从背景介绍到解决方案，再到主动观测、被动观测和全链路观测的具体实施，全面展示了京东在H5应用可观测性方面的深入探索和实践经验。通过主动观测和被动观测的结合，京东实现了对H5应用的全面监控和质量保障，有效提升了用户体验和业务稳定性，为其他企业在类似领域的实践提供了宝贵的参考和借鉴.
| 
转播
分享
淘帖
()