在iOS9中突破微信App跳转的限制

原文转载自:http://www.nero.today/index.php/2016/01/26/appswitchonwechatonios9/

前言

微信的普及程度相信不需要多言了,稍微回忆一下自己上一条短信是什么时候,上一条微信又是什么时候就知道了。

因此通过微信传播也是绝大部分App的一个重要手段,但是在iOS7微信出的新版本,就开始不允许从微信直接跳转到对应的App中了。

所谓上有政策,下有对策,各大App纷纷想出自己的解决方案,目前最最流行的就是在点击跳转到自己的App的时候出现一个蒙板,然后一个箭头指向右上角的更多按钮,然后用户从Safari打开当前网页,然后点击跳转。

这个版本算是一种无奈的妥协吧,毕竟用户用起来还是有点蛋疼的。

最近博主的一个Boss发现网易新闻竟然能直接从微信里打开自己的App,于是乎~这个“艰巨”的任务就落到了我的头上。中间研究的过程就不再赘述,隆重请出使用到的技术:iOS9 Universal Links!

这里不禁要夸一夸网易的iOS开发同学们,看文档看得够仔细啊!

附上Apple的官方文档,What’s new in iOS

不知大家能否在Search那一栏中找到Universal links:

Universal links let you replace custom URL schemes with standard HTTP or HTTPS links. Universal links work for all users: If users have your app installed, the link takes them directly into your app; if they don’t have your app installed, the link opens your website in Safari. To learn more about universal links, seeSupport Universal Links.

P.S.该技术目前只能应用在iOS9中。

开搞

OK,我们开搞。

1- 首先,参照上面提到的文档,创建一个叫apple-app-site-association的json文件(请不要加上.json或者其他任何后缀名),文件的大致内容如下:

```{"applinks": {"apps": [],"details": [            {"appID":"9JA89QQLNQ.com.apple.wwdc","paths": ["/wwdc/news/","/videos/wwdc/2015/*"]            }        ]    }}


下面来解释一下这个json文件里的字段:

apps: 目前只需要提供一个空数组就可以了,但是这个字段必须提供,不可不填。

appID:appID的格式大致是这样的:TeamID.App Bundle

ID,以文档中提供的例子来说,Apple出的WWDC的应用的开发者Team的Team

ID为:9JA89QQLNQ,这个应用的BundleID为:com.apple.wwdc。

paths:希望Safari在访问哪个路径时,跳转到对应的App,可以使用*作为通配符。

2- 将准备好的apple-app-site-association上传到web网站的根目录下。

3- 配置App的Entitlements file:选中App的Target,在Capabilities中打开Associated

Domains

切记关联的域名需要使用applinks:作为开头。

4- 在AppDelegate中实现对应的delegate,大致代码如下:

-(BOOL)application:(UIApplication*)application continueUserActivity:(NSUserActivity*)userActivity restorationHandler:(void (^)(NSArray*_Nullable))restorationHandler{    if(userActivity.webpageURL!= nil){    }}

userActivity中的webpageURL就是对应的从Web端跳转而来的网址,其中可以带上各种参数来供App进行不通的判断和操作。

5- Web页面上的JS代码大致如下:

varopen_app = document.getElementById('open_app');btn_open.addEventListener('click',function(){open_app.src ='https://www.domain.com/site/download?force=1';    setTimeout(function(){location.href ='https://www.domain.com/site/download?force=1';    },1000);},false);


和Web端的同学一开始怎么也搞不定点击按钮跳转,找了好久终于发现为了提高手机端Web页面的点击响应速度,我们的Web端默认是使用touch事件来代替click的,但是在Universal Links的跳转中必须使用click。

另外,页面初始页和要跳转的页的域名必须是不同的,否则这个跳转事件也不会调起对应的App!另外,在进行Universal Links的调试时,建议先删除App,然后重新编译,运行。

总结

稍稍总结一下,Universal Links的工作原理大体上就是,App第一次启动后,发现自己是支持Associated Domains的,就去Associated Domains中描述的域名的根目录去下载一个名叫apple-app-site-association的文件,之后系统运行的Safari,其他应用的SFSafariViewController, WKWebView, 或者UIWebView都会受到这个apple-app-site-association文件的影响,在用户点击那个跳转的链接时,系统就会启动对应的App。

不得不说,以后每个版本的What’s New还是必须得看得更加仔细一些,同时需要大大提高对于新技术的敏感度。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343

推荐阅读更多精彩内容