转载

唯品会蔡镜明:电商运营于移动Web中的痛与成长

移动互联网正在全面渗入人们的生活，这使用户的时间分配和消费习惯都发生了改变。移动购物日趋主流，电商运营进入到了更高级的创意营销和与用户深层互动中的比拼中来。

近年来，唯品会在国内电商平台的厮杀中异军突起，来自移动端业务的快速增长对此起到至关重要的作用。面对访问量的快速攀升，以及一次次成功营销带来的流量冲击，唯品会移动运营支持系统遭遇到了巨大的技术挑战。让我们跟随WOT 2015移动互联网开发者大会讲师、唯品会移动事业部高级经理蔡镜明，一起了解唯品会移动端WebApp系统架构，在实现高速迭代和基础性能持续改善的过程中的实践与思考。

蔡镜明，唯品会移动事业部高级经理。主要负责电商移动运营平台支持工作，专注构建高效稳定的电商运营支持系统。此前曾供职于百度，主导贴吧反作弊的多次技术架构演进，同时负责百度私有云计算平台的性能优化。

移动业务攀升带来成长的烦恼

为了培养用户的消费习惯，唯品会大力发展移动端业务，开拓了旅游、O2O、家居等领域的新主题。而“特卖”作为其核心的业务模式从未发生过改变，移动网络也更能突出随时随地的抢购场景。通过不断的努力，移动端业务访问量攀升。2015年一季度，唯品会业务成交量总额中的72%都来自移动端。然而，这也让蔡镜明和他的团队感受到了极大的技术挑战：

运营工具桎梏生产 。支持运营的工具链不完善，使移动业务线性增长所带来的运营需求呈指数增长，大大降低生产效率。
页面性能影响业务转化率 。转化率是电商的核心。页面加载每提升100毫秒，实际转化率就会提升几个万分点。而运营模块设置不合理、流量瞬时高并发都会拉低页面性能，阻业务转化率的提升。

运营同学在前面呼唤着，奔跑吧，业绩！而工具链以及最终页面却给他们套上一个个枷锁。怎么破？蔡镜明带领他的技术团队做出如下探索。

“小系统”为“大运营”搭建稳定支撑

唯品会的整个业务模式具有很强的运营导向。这些花样百出、让人眼前一亮的玩儿法，是综合了流量转化、客户心理、渠道习惯、活动货值等复杂的运营因素计算得来的。支撑移动运营系统的技术体系，既要充分解耦保证高可用，也要能够快速响应业务前端变化。

为了冲破系统瓶颈，唯品会移动技术团队提出“运营积木”的解决思路。首先对整个移动端电商系统进行服务在上，垂直业务系统在下的两层拆分；再继续将移动端的在线服务拆分一个个稳定的小系统，来建出对整个运营流量的支持。这个稳定的“运营积木”由框架、平台和Hybird三个部分搭建而成。

框架

UI ：针对具体运营组件的逻辑封装，包含常见的运营形式，比如单品、图片、转盘、优惠券等。
Service ：包含两种服务。一是定制的数据结构服务，比如快速对象计数；另一个是通用业务服务，比如序列发生器。
风险控制 ：当涉及到钱或者高性价比的商品运营活动的UI接入Service，系统会通过弹性行为控制和UI动态识别等方式对用户行为进行风险控制。

整个框架与中间层以及入口的数据交互是靠异步队列和缓存来同步的，这样既保护了后端系统的服务容量不至突发性过载，也提升了运营前端系统的响应速度。通过这种方式，唯品会将制作一个运营类页面的时间控制在15分钟，极大释放了生产力。

平台

配置中心 ：针对不同终端平台和功能模块实灵活地展示布局配置。
监控：细力度的监控拆分。每个独立的UI和Service 都会有自己的自动化业务监控。当需要在其他运营系统里复用这个监控时，可以通过rest接口得到实时监控图谱，降低运营监控和分析二次开发的成本。
开发和发布 ：实现到从开发到测试，再到发布的全流程支持。当有一些UI或Service不确定时，可以通过线上真实数据或历史流量回放看到最终UI形态，确认没有问题后再通过Gulp打包发，并通过后台的一些接口来做校验。

Hybrid

容器：围绕JSBridge 扩展容器的服务能力。具体表现在两方面，一是增强H5能力，比如硬件接口、UI交互，push；二是满足业务运营的需要，比如用户鉴权，以及敏感操作的数据交互代理。
部署：把H5运行所必须的静态资源“内置”到App，把App当成一个个local server跑在用户侧，按一定规则拦截H5请求，进行再分发。规则由平台Hybrid规则引擎根据运营需要进行维护，数据和热资源则推送到CDN进行缓存，供Hybrid容器接受指令更新。
监控：资源更新情况、接口访问质量、甚至容器里跑的H5页面的加载性能，都会通过容易的数据代理上报会平台的监控单元。通过从建立连接到页面渲染的每个动作的耗时分布监控，再来展开针对性的性能调优。