酷我开发中遇到的问题

感恩节抽奖专题活动

我们打算在感觉节的那天，在酷我APP的焦点图处，加入这个活动，目的是拉高下日活，和分享出去，而带来的新流量。
技术上，使用内嵌H5页面来实现，保证安卓和ios 平台，都兼容，再者，原生开发时间不够（活动又是临时加入的）。故打算 在前端页面里头通过iframe 内嵌页的形式，来加载第三方（兑吧）的抽奖资源。

遇到的问题：
ios内嵌的页面，每次调整成功都是到分享的下载页面，而不是抽奖活动页面。

分析问题：
通过搜索并连接已知的可知IOS系统的iframe嵌套，不支持跨域。即有跨域问题。

分析兑吧的活动技术流程：
第一步： http://www.duiba.com.cn/autoLogin/autologin（进行登录，并把登录状态保存在cookie中）。
第二步：redirect 到游戏页面。
第三步：在游戏页面读取第一步保存好的cookie。如果有cookie显示游戏，如果没有cookie显示下载页面。
ios系统的安全策略中iframe嵌套的网站cookie无法保存。
因此，第一步时cookie无法保存，在第三步时无法读取到cookie。故用户只能看到下载页面。

解决问题：
和兑吧（合作方）技术沟通，能否将数据通过url 传值得形式进行用户判断和一些必要的数据，而不是通过cookie的形式 。因为兑吧的这个游戏逻辑在很多的地方都有使用，且 出于安全性考虑，予以否决。（‘我们的活动工具都不是单独配置的，而且cookie也不仅仅存储用户信息，还有很多app，验证等信息，这个改动涉及太多底层逻辑，我们做不了’）。
那我们该怎么办呢？明天就得上线啊，上头又比较看重。

应对方案：
H5在活动页面(http://www.kuwo.cn/cp/duiba/thanksgiving)中判断设备类型（安卓、IOS）。
如果是安卓系统，则将兑吧活动页在iframe中显示。
如果是IOS系统，直接显示对吧活动页面（不嵌入到iframe）。

缺陷：
损失了ios 的统计流量和分享流量。

好在有惊无险的算完成了吧。

团结完成！

总是没事件写这些，需求多的堆如山，共勉。
下面是一些开发过程中的效果图：

        2016-11-30