iOS 通过 URL Scheme 打开其他 APP 客户端详情页

这里介绍淘宝和京东的打开.
实现方式是利用 iOS 特供的一个特殊功能, 详细介绍可以参考这篇文章. 总之按照如下的套路可以打开任何提供了 URL Scheme 的 APP, 比如微信, 新浪微博等.

1 添加 URL Type

首先在如下位置添加 URL Type:

添加 URL Type

其中 identifier 写为 taobao 字样(自定义), URL Scheme 中填写的格式是 tbopen{AppKey}, 如 tbopen123456, 里面的 AppKey 就是在阿里百川上申请的 App 对应的 AppKey.

2 添加白名单

由于 iOS 限制了 APP 打开类型, 所以需要在 info.plist 中添加如下内容:

添加允许打开的APP类型名称

即在 LSApplicationQueriesSchemes 中添加和 URL Types 中一致的 taobao 字符串即可, 需要其中的注意元素类型.

3 代码中打开淘宝客户端

然后例如类似如下的代码即可打开淘宝客户端, 其中淘宝 URL 是类似 taobao://shop.m.taobao.com/shop/shop_index.htm?shop_id=222222222 这样的形式:

let taobaoClientUrl = URL(string: GlobalURLs.mallURLForClient)
guard let clientURL = taobaoClientUrl else {
    return
}
if UIApplication.shared.canOpenURL(clientURL) {// 判断是否可以打开淘宝客户端
    UIApplication.shared.openURL(clientURL)
} else {
  // 执行没有淘宝客户端时候的动作.
}

4 附: 京东打开

京东注册时候的 URLScheme 填写为 openApp.jdMobile, 同样将其添加到白名单中.
但是打开详情页这里就需要注意了, 和淘宝的有点差别.
京东的 URL 是 openApp.jdMobile:// 样式的, 后面的内容需要自己填写.
如果只是打开某个商品的详情页, 按如下方式生成 URL 后面的内容:
路径为: openapp.jdmobile://virtual?params=%@.
参数是一个 JSON 参数, 如下所示:

{
"category": "jump",
"des": "orderlist",
"skuId": "1157957",
"sourceType": "homefloor",
"sourceValue": "4384",
"landPageId": "jshop.cx.mobile"
}

主要需要用到的参数有:

{
"category":"jump",
"des":"jshopMain",
"skuId":"1140722",
"sourceType":"JSHOP_SOURCE_TYPE",
"sourceValue":"JSHOP_SOURCE_VALUE"
}

关键这些参数的键值在哪里去查? 比如要跳到官方旗舰店的首页, 不会去查京东 APP 里面吧. 这里找到一个链接, 里面包含所有的参数.