京麦 1的进阶

张松然，京东商城 POP平台系统架构师。对构建高性能，高可用的大规模分布系统有丰富的开发经验，有多年NIO领域的设计、开发经验，对HTTP、TCP长连接技术有深入研究与领悟。

* 本文写于 2015年9月

2014年2月进入京麦团队，负责商家助手到京麦卖家工作台的平台化转型，实现插件模式和消息模式的创新，引领京东商家在PC端和移动端的运营变革。

和京麦一起成长，也经历了几个重要的里程节点。

一、互通协议 —— 一种基于 JS SDK 实现 H5 和 Native 互通协议

通过在 APP 中定义 JS SDK 互通协议，实现 H5 插件和 Native 插件之间的服务调用和数据流通，并且通过 JS SDK 将敏感数据在加载时进行临时注入，以保证数据不外泄。

二、兼容协议 —— 一种处理客户端和插件版本的兼容方法

通过统一跳转服务中的兼容协议，实现在 APP 启动插件时，解决由于 APP 版本和插件版本不同可能存在的兼容问题。

三、网关 API —— 一种基于适配的 HTTP 调用装置

通过反射机制适配后端的服务接口，对外提供统一的 API 调用方式。

四、本地插件 —— 一种H5插件的本地加载方法

通过本地加载 H5 插件，解决在弱网络情况下加载的性能问题和无网络情况下无法加载问题，并且通过 JS SDK 联通 APP 发起数据请求，提高数据安全性。

Tip 1. H5 前端加载优化

H5 前端放到本地加载需要处理几个核心点：

1. 通过 JSSDK 调用解决跨域问题（浏览器的同源策略）；
2. CSS 和 JS 合并和压缩；
3. 通过图片合并和偏移量显示图片；
4. 优化 CSS 和 JS 加载顺序减少 DOM Tree 渲染次数；
5. 页面分块加载提高请求速度。

五、消息推送机制 —— 一种消息推送和消息治理的架构设计

通过异步的和 NIO 的方式，搭建高性能消息推送框架，基于分布式的消息中间件和大数据计算平台，对消息推送实现追踪和治理。