揭秘天猫双11晚会与狂欢城背后的技术

4月21日，天猫互动的技术专家在QCon大会北京站深度揭秘了双11晚会和狂欢城的核心技术方案，引起业界的极大关注。

2015年天猫联合湖南卫视联合打造了一场最具互联网范儿的双11晚会互动，如此大流量的直播互动须要重点考虑的是系统的稳定性，并尽量减小依赖。所以，天猫互动的技术团队创建很是多的容错容灾机制。凭借5年的双11狂欢城技术经验，天猫互动技术团队使用了场景编辑器、智能加载、多模式渲染等措施，为用户提供了上佳的体验和性能。

除了技术细节以外，分享中还提到，电商互动业务的三大特色：1.要足够吸引人；2.体验要足够好；3.要具备商业价值。基于这三大特色，须要开发者敢于创新、勇于挑战，天猫互动在大会中宣布，将在5月份启动“天猫电商互动创意大赛”，以鼓励拥有创新思惟和技术的团队将其产品和天猫的业务结合起来，发挥出工程师们的最大价值。

在过去的一年中，天猫把不少互动技术渗透到了行业购物体验中，如3D车展和家装、交互式全景服装走秀视频、美妆品牌AR体验、试衣间等等。互动大赛的目标就是但愿能推进这个领域的规模化发展，让优秀的团队能得到更多的价值体现，给各行业商家和消费者带来体验升级。据悉，天猫互动已接触部分知名机构（如同济大学图像研究中心）一块儿参与，有兴趣的商业团队或者爱好者能够发邮件至tmhudong%aliyun.com（%换成@）。

分享中，天猫互动推荐了开放的TidaSDK和开源的Hilo引擎，其中TidaSDK提供了不少平台级的能力，开放了众多内部底层接口，而Hilo已全面开源，帮助开发者解决前端渲染层的封装。

下面简单介绍一下这两个技术方案：

TidaSDK是兼容手机天猫和手机淘宝的HybridAPI，致力于深度开放客户端全链路社交、交易相关功能，经过阿里开放平台提供第三方开发者丰富的客户端互动接口。帮助促进优质的第三方开发者有偿为商家提供全链路无线互动应用。既为第三方开发者提供多样的盈利模式，又为商家提供更具个性化和创意性的营销方式、有效提升流量和转化，同时也为消费者提供更有趣的和更贴心的互动购买体验。更多信息可见http://hudong.tmall.com/。

TidaSDK 开放接口包括：

1.基础接口：受权、扫码、拍照等

2.界面操做：标题栏设置、新建/关闭webview、webview激活监听等

3.传感器类：摇一摇、运动方向、陀螺仪、麦克风音量检测等

4.多媒体类：音视频控制等

5.交易相关：搭配、加入购物车、打开商品详情等

6.粉丝传播：点赞、关注、评论、收藏、分享等

7.抽奖接口：奖品、成就值查询与保存等

8.APPlink：第三方应用直达手机天猫&手机淘宝，使购物无处不在。

Hilo是一套HTML5跨终端的互动游戏解决方案，可以知足全终端和高性能前端互动需求，与其余游戏引擎相比，Hilo更专一于电商领域的实践，作到更快、更轻、易上手，帮助快节奏的电商业务迅速落地。精简的结构、丰富的案例、最普遍的设备和高性能支持、高效开发是Hilo的核心技术追求；支撑互动营销，升级购物体验是Hilo有别与其余游戏引擎的业务特征。相关的技术文章可参考https://github.com/hiloteam/Hilo/wiki。

内核极简，提供包括DOM、Canvas、Flash和WebGL等多种渲染方案，知足全终端和高性能要求。支持多种模块范式的包装版本以及开放的扩展方式，方便接入和扩展。另外，Hilo提供对2D物理、骨骼动画的内建和扩展支持。

Hilo不只支持了多年天猫双11狂欢城、新风尚、年中促、年货节等大型互动项目，而且也在如幸运转盘、老虎机、刮刮卡、拆礼盒等等平常营销活动中高效运转。目前天猫正在把这些技术应用到各垂直行业的购物体验中，支持了电器城、汽车、家装、超市、运动等多个领域的交互升级。

相信经过开放的技术分享，不只能让技术人不断在交流中提高本身，也能给电商中的消费者和各行业商家带来更繁荣的互动体验的生态。