微信群 微信红包

我的位置: 首页 > 红包文章 > 麻将技巧 > 终极技能:密令红包的前端技术方案

终极技能:密令红包的前端技术方案

发布人:微信红包群 发时间:2015-12-21 15:27:03 热度:
密令红包主要分为以下两种:密令红包:商家、明星、平台或者个人预先设置一段密令,用户通过搜索框输入密令参与抽奖,得到红包。

  密令红包主要分为以下两种:密令红包:商家、明星、平台或者个人预先设置一段密令,用户通过搜索框输入密令参与抽奖,得到红包。关键词红包:对于用户输入的一些特定搜索关键词,播放一段动效(2种打底动效 + 6种特殊动效),然后参与抽奖获得红包。

  今年的双11是无线主导,我们不能满足于只做手淘中的页面,还要在更多的地方把这个玩法落地:应用:淘宝、天猫;操作系统:iOS、Android;终端:Phone、Pad、PC;设计一套技术方案来满足这样的需求,并在短时间内快速实现,还是蛮有挑战的。待解决的问题主要有两个:跨终端适配和玩法接入 。

  整个密令玩法都是基于搜索框来玩的。对于不同的终端,接入的方式也不同。Poplayer是淘宝/天猫APP的一个native组件,可以在当前native页面上覆盖一层h5页面,当poplayer页面背景为透明或半透明时,可配置用户是否能够点透至被覆盖页面。Poplayer的出现,融合了native与h5,我们得以利用h5页面快速开发、快速迭代的优势,对下方已有的native页面的交互功能进行增强。主要应用场景如下:添加入口:持续放在native页面的某个位置,例如手淘的图文详情上浮动的“问大家”入口。

  弹层覆盖:例如今年双11的密令红包,就是使用了poplayer,在正常的搜索逻辑基础上接入了密令红包玩法。PC上的密令玩法会接入淘宝/天猫/海淘的首页、搜索结果等页面。这些玩法和一个个对应的技术点,拆开来看似乎不是很特别,但是作为整套解决方案,把一路的探索过程和踩过的坑梳理清楚并沉淀下来,还是很有意义的。

分享给朋友: