App 逛街页面问题攻坚

App 逛街 URL_Scheme

文档改动

1. 问题简介

App 上现在遇到这么两个问题:

• 随便点点逛街页面, 就会 跳转提示;
• 打开比如 淘宝商品详情 页面的时候, 顶上和底下都有一条和该平台相关的浮动栏

2. iOS 9 跳转提示

2.1 跳转提示的实现原理

以个人在 iOS 效率软件的使用经验来看, 这应该是 iOS 9[1] 设备上各种加载/点击事件上增加了一个打开 URL Scheme 的 action. 由于没有安装 App 的话无法跳转, 因此对方页面开发时不需要考虑判断, 当然 Apple 也不允许 App 和网页读取用户设备安装了什么 App.

在一个专门使用 URL Scheme 打开其他 App 的工具 Launch Center Pro 上试着打开天猫和京东时, 弹出的提示和上面相同:

淘宝在之前的测试中已经点击过 Open, 忘记截屏了.
这是 试图打开京东 的时候.

2.2 跳转提示的负面影响

• 强迫用户点一下 取消
• 有些警告框点击 取消 都没有用, 弹出来的时候就自动打开 App Store 相应位置, 详见 部分
• 一旦点击 打开/Open 之后, 以为打开一次一了百了, 实际上并不是这样, 反而变得更加麻烦: 原本很多警告框还能通过点击 取消 来阻止 App 跳转到对方平台 App, 点击以后再次遇到相同的情况时, 会自动跳转过去, 不需要再次确认 (可以拿天猫页面试试), 重装 Panli App 也无法重置确认授权, 会一直自动跳转
• iOS 9 还能弹出一个提示, iOS 9 以前的系统根本不弹提示直接跳转

2.3 弹出时机简单调研结果

2.3.1 打开页面时提示 "Panli代购"想要打开"手机淘宝/天猫/···"

2.3.2 URL Schemes

2015.12.7 时有效
手机淘宝
taobao://
手机天猫
tmall://
手机京东
openApp.jdMobile://
蘑菇街
mogujie://
美丽说
meilishuo://
当当
dangdang://
阿里巴巴
未知, 反正不是 ali://、alibaba:// 和 1688://
什么值得买
smzdm://
App Store
https://appsto.re/
https://itunes.apple.com/

2.3.3 跳转条件

由于要跳转到各 App, 当然是要安装了这些 App 之后才能跳转, 恐怕在 Chrome 上没有办法模拟该情况.

2.4 几种方案

2.4.1 首选方案

在 App 逛街模块内, 屏蔽任何 App 跳转 (包括 App Store), 不仅仅只屏蔽上面几个 URL Scheme, 一劳永逸解决此问题, 就像微信 (不是用黑名单屏蔽个别 URL Scheme, 而是只开放白名单, 并且白名单现在不开放任何 URL Scheme).

• 每个 App 的 URL Scheme 都是可以改的, 只要没有和其他已有的冲突;
• 有些 App 有一个以上的 URL Scheme;
• 黑名单后期维护工作太大, 而且因为上面的原因可能无法真正完美解决问题

2.4.2 次选方案

通过黑名单暂时屏蔽掉 上面列出的 URL Scheme, 暂时解决问题.

如果一定要用次选方案来实现, 需要做到黑名单可后台控制, 而不是每次 App 发新版本的时候改动.

2.4.3 关于中转重定向

此需求中只要求屏蔽可跳转的 URL, 对于那些先打开自家页面然后重定向到 App Store/自家 App 的情况, 只需要不弹出提示/不跳转即可, 页面是否停留在空白的中转页问题不需要考虑.

一方面不知道有多少中转页面, 另一方面我们也不可能将平台域名整个屏蔽.

3. 浮动栏

3.1 需要阻挡部分

3.2 阻挡功能说明

3.2.1 引导下载栏

• 考虑到引导去 App Store 下载栏会在很多页面出现, 需要在所有页面都阻挡
• 实现功能不考虑对网页加载速度的影响, 除非有影响更小的实现方案

3.2.2 购买功能栏

• 实现功能不考虑对网页加载速度的影响, 除非有影响更小的实现方案
• 如果实在无法阻挡, 可以考虑替换掉页面上 加入购物车、立即购买 代码, 相当于点击按钮时点击我们 App 的 我要购买

3.2.3 App 商品详情界面中的买家评价部分

• 如果前面的问题已经解决, 买家评价功能中也一起屏蔽
• 实现功能不考虑对网页加载速度的影响, 除非有影响更小的实现方案
• @Jason @Jessica 原来的蒙板不需要取消