解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏) (2)

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

APM性能监控平台主要关注性能、崩溃、异常等数据的监控,携程在性能与异常监控上也做了许多工作:

网络性能:收敛了网络通信SDK,统一了三端的网络通信底层能力,网络SDK可以统一管理IP池、链路池、请求池,达到性能最优化。并且可以监控在网络请求全链路中的错误情况,实现业务场景联通成功率99%。

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

页面性能:在页面性能统计口径上采用TTI,通过遍历检测页面文本的变化来判断是否到达TTI。根据不同的页面形态,制定了不同的性能指标。

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

异常处理:收集异常卡顿的情况并且自动归属到不同业务团队,崩溃信息收集可以固化下来用户的操作路径和相关信息。

MTS - 日志排障平台

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

收集App中所有相关数据,例如网络请求、页面跳转、图片请求、用户行为埋点、Cat日志、Web服务日志,并且通过时间轴将所有数据串联起来,可以帮助研发同学快速还原现场排查问题。

在日志展示上以一次用户session为集合,按照时间轴显示不同的页面信息,同时在每个页面的详细信息中会提供当前页面所有的网络请求、用户行为埋点、研发自主埋点等等内容。

MTP - 无线技术平台

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

打造无线技术平台,将App中通用能力沉淀下来,并且复用到多个App中,避免重复造轮子,提高研发标准化与效率。同时平台治理提供例如注册服务、排查故障、服务熔断、查看调用等功能,方便平台化技术的运营。

CRN - Ctrip React Native

 

解密国内BAT等大厂前端技术体系-携程篇(长文建议收藏)

 

CRN是携程内部基于React Native进行深度定制的移动端跨平台/动态化框架,目前已经在实际的业务项目中大规模应用,页面规模超过100个,PV数目已经超过传统Hybrid H5页面的2倍多。

基于React Native框架优化,定制成适合携程业务的跨平台开发框架 - CRN,提供从开发、发布、运维的全生命周期支持。

开发框架,主要是提供在开发阶段的支持。包括工具&文档、组件和解决方案、跨平台打通和代码托管功能。 工具主要包括CLI和Packer,文档包括API文档和设计文档,跨平台主要是抹平平台差异组件间的API,代码托管是为了方便业务团队,特别是新加入CRN开发的团队,可以参考已有业务代码快速上手。

性能优化,主要是为了解决首屏渲染的性能问题和RN框架的稳定性问题。为了解决首屏渲染性能问题,我们先后开发了框架拆分和预加载、业务按需加载、业务预加载和渐进式渲染方案,稍后会就这些方案做详细介绍。

发布运维,主要是提供发布系统和性能、错误监控平台,让业务开发同事能够有完备的系统去发现和解决线上问题。

详细信息可以查看:

Node平台

携程在2017年9月份正式上线了Node.js应用,历经2年时间,应用数实现了8倍增长,覆盖公司33个业务部门。

Node.js的工程化建设,涵盖开发、构建、测试、发布、运维各个环节:

开发:根据业务场景提供不同的脚手架工程(SSR、DA Service、Desktop Application),提供核心中间件、数据Mock平台、Docker化的开发环境。

构建:安装依赖包,检查依赖包版本,构建目标文件,同时提供代码静态扫描,安全扫描的能力。

测试:提供自动化测试,集成测试,灰度测试和压力测试

发布:提供携程云和公有云发布能力,灰度发布和回滚能力,实现内部npm包开发发布流程与Git高度集成

运维:日志监控和应用排障的能力

详细信息可以查看:干货 | 浅谈Node.js在携程的应用

GraphQL-BFF

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwzppx.html