微信群
http://m.weixinewm.com

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

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

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

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

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

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


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 @qq.com 举报,一经查实,本站将立刻删除。
上一篇:很抱歉没有了 下一页
热门推荐