跨容器高性能的离线化方案在美团的实践和探索.pdf

《跨容器高性能的离线化方案在美团的实践和探索.pdf》由会员分享，可在线阅读，更多相关《跨容器高性能的离线化方案在美团的实践和探索.pdf（39页珍藏版）》请在三个皮匠报告上搜索。

1、跨容器高性能的离线化方案在美团的实践和探索于秋美团 前端技术专家现在负责智能支付部门前端之前在阿里闲鱼项目背景离线化思考&破局思路策略方案&优化方案延伸 Diff服务（Golang）容错方案&成果总结业务场景二维码支付是一种聚合支付产品，美团 线下收单产品之一，为商户提供聚合支 付的收银解决方案。并且支持多种支付方式，目前支持用户 使用微信、支付宝、美团、点评扫码 进行付款操作。特点挑战方案覆盖面广弱网环境缓存利用通道多样可控性低紧靠标准竞争激烈不能丢单兜底降级快速收银加载速度性能优化皮一下很开心离线化方案移动流行曲目网络拦截离线包鸿沟容器多样Web常规思路CookieLocalStorage

2、Application CacheIndexedDB缺陷不够完美PWA核心能力Web App ManifestService WorkerNotification API&Push APIApp SkeletonService Worker独立进程（很厉害）拦截请求（很熟悉）缓存文件（更熟悉）更新缓存（很开心）异步处理（超级爽）用户界面前端服务服务&CDN资源&数据用户界面资源&数据前端服务Service Worker第三方服务Cache Storage拦截请求资源&数据 const SUPPORT_SERVICE_WORKER=Boolean(isBrowser&(serviceWorker

3、 in navigator)&(onmessage in navigator.serviceWorker)&(IS_LOCALHOST|IS_SSL)if(SUPPORT_SERVICE_WORKER)navigator.serviceWorker.register(path,scope:scope )self.addEventListener(install,event=/初始化安装 )self.addEventListener(activate,event=/激活生效 )self.addEventListener(fetch,event=/拦截、缓存、策略 )self.addEventLi

4、stener(message,event=/通信、数据收集、缓存管理 )注册初始化激活拦截通信等拦截通过 SW缓存的资源不能是 http 下的资源，在 https 下加载 http 资源会引发 Mixed Content,导致资源不能被正常加载。如果有不能避免的 http 内容引入，尝试在 excludes 中加入 http:/。SW中GlobalScope 的 Navigator 的 UserAgent 和 封装过的Browser 的UA是不一致的cacheFirstcacheOnlycache&RefreshnetworkFirstStark DiffRevalidate总是要再发版的Di

5、ff服务增量更新CDNAPI增量更新服务请求增量更新离线化数据采集客户端（Thunder.js）更新决策数据上报分布式存储数据统计管理平台资源管理身份认证上传记录读取写入在增量更新服务的最外层有CDN进行保护 正常情况下，即使有突发流量，也会抵挡绝大部分请求API服务回源CDN如何面对海量突发流量CDNAPI计算将对外的API拆解成单独的服务 API服务保持只读，化解流量压力，使得计算服务可以专心做计算单机缓存分布式存储查询补丁文件计算服务回源请求API服务查询不到 请求计算如何面对海量突发流量CDNAPI计算以压测结果对单机QPS进行限制 对于超额流量，直接返回新文件 无论哪种结果，最终会缓

6、存在CDNdiff计算读取新文件如何面对海量突发流量CDNAPI计算上线前对增量进行预热 预热服务与主服务隔离 只共用存储线下预热工具c线上API上线前上线后预热集群线上集群计算服务如何面对海量突发流量线路故障 每一层都有单机内存Cache，减少网络故障影响存储故障 利用公司稳定存储平台而不是自建存储，避免磁盘坏道等尴尬场面使用两个不同的分布式存储平台，互为替代CDN故障 双CDN，隔离来自CDN故障的风险系统故障 CDN会缓存服务的返回，无论是否异常，避免击穿设计服务降级预