Universal Links通用链接

吸睛图

Universal Links


做App开发经常需要将某个页面分享到微信或者其他社交平台,也经常会有这么一个需求:如果安装了app就从app打开,并跳转到相应的产品页,如果没有安装app,就跳出h5页面。一般从浏览器、Safari中唤醒APP都是使用scheme,但是微信比较霸气,直接禁用了scheme。因此只能使用别的方式。

Unibersal Links就是为此而生。它是IOS9推出的一项功能,可以通过http链接来启动唤醒自己的APP。因为是IOS9(及以后)的系统服务,因此微信等社交平台也没有办法阻止。

官方文档地址:文档

example


好不好用先看看别人的app。
1、下载app

2、app-site-association file

3、example Universal Link

4、自己写个网页,加个a标签,href = http://www.opentable.com/restaurant/profile/33160?shareReferrer=ios-share ,然后在微信中打开你的网页,点击a标签就跳转到别人的app中去。

配置Universal Links(客户端)


  • 首先,你的服务器必须支持https,并且你必须有一个域名。

因为我使用的是腾讯旗下的域名解析,因此我从腾讯云申请ssl证书,免费ssl证书申请地址,申请速度很快10分钟就审批下来。

  • 需要在开发者中心的AppID中开启Universal Links。
开启Universal Links

然后重新配置下载描述文件(这步应该都会,这里只截图开发的描述文件,发布版的也一样要配置)

你的配置文件该不会都是xCode自动生成配置的吧

然后下载下来双击,使其在xCode生效。

  • 在你的应用中配置Associated Domains,并且用applinks:为前缀。
配置Associated Domains

顺便我们也来看看刚才下载的描述文件有没有配置好。

查看下描述文件
  • 创建一个名字为apple-app-site-association的文件,并放在服务器网络的根目录下。注意,这个文件没有后缀!而且名字也不能改。
    比如:

    {
    "applinks": {
    "apps": [],
    "details": [
    {
    "appID": "GQUVXPG592.com.nuomi.test",
    "paths": ["/hello/","/","/"]
    }
    ]
    }
    }

其中GQUVXPG592是teamId,可以在你的开发者中心查看到,com.nuomi.test是你AppID。paths就是URL路径支持通配符。具体怎么写,还是查看文档吧。

apple-app-site-association
  • 上传apple-app-site-association文件到根补录。

怎么才是判断位置是否对呢?访问https://你的域名/apple-app-site-association,如果能看见json或者下载到文件apple-app-site-association,那么就是放对了。

  • 在appDelegate中编写代码

如果上面都配置对了,那么在点击对应的链接就会响应application:continueUserActivity:restorationHandler:方法,然后在这个方法里面根据传进来的参数和路径跳转到不同的界面。

- (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler{
        if ([userActivity.activityType isEqualToString:NSUserActivityTypeBrowsingWeb]){
    
        NSURL *url = userActivity.webpageURL;
        NSString * msg = url.absoluteString;
    
        UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@"Universal Links测试" message:[NSString stringWithFormat:@"url:%@",msg] delegate:self cancelButtonTitle:@"ok" otherButtonTitles: nil];
        [alert show];
    }
    
    return YES;
}

服务器配置https


还是老规矩,服务器端的内容因为不是重点,因此只会简单得点一下。毕竟在配置服务器方面我也是摸爬滚打配出来的,网上资料很多,可以自行参考。

我的服务器采用apache,因此就用apache为例子。

  • 首先,准备好证书。
    我的证书是在腾讯云下载到的,如图(ca文件,公钥证书,私钥):
证书文件
apache证书

我稍微改了下名字(顺序不变):

改名证书
  • 找到你的apache在服务器中的位置,并找到httpd.conf文件。

我的httpd.conf在"apache/httpd-2.2.24/conf"下。

找到Include conf/extra/httpd-ssl.conf并把前面的#去掉。如果没有在最后一行自己加。

  • 修改httpd-ssl.conf文件。

我的httpd-ssl.conf文件在"apache/httpd-2.2.24/conf/extra"下,如果没有有可能你的apache不支持ssl,具体的可以网上寻找解决方案。

找到<VirtualHost _default_:443>或者差不多的标签,找到SSLCipherSuite xxxxx修改为SSLCipherSuite ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4,找到SSLProtocol xxxxx修改为SSLProtocol TLSv1 TLSv1.1 TLSv1.2使其支持TLSv1.2。

然后把我们刚才的证书传到服务器上,并在httpd-ssl.conf修改证书文件路径到对应文件下,比如:

SSLCertificateFile "/www/wdlinux/httpd-2.2.24/conf/server.crt"

SSLCertificateKeyFile "/www/wdlinux/httpd-2.2.24/conf/server.key"

SSLCertificateChainFile "/www/wdlinux/httpd-2.2.24/conf/server-ca.crt"

最后ssh到你的服务器,然后service httpd restart

ps:httpd-ssl.conf中 DocumentRoot "xxxxxxxx"就是你网站的根目录。

现在可以通过浏览器用https访问了,如果访问成功,那么恭喜你适配成功了,如果不成功。。。再找教程吧。

配置成功

检验


Universal Links通用链接其实到目前为止就已经全部实现了,除了服务器配置不熟外,其他的还是很简单的。下面只要测试下是否能在微信中打开。
比如我的apple-app-site-association文件挂在cs.pzhss.cc域名下,那么只要在rt.pzhss.cc(可以用http,不用https)的页面中随便加个a链接<a href = "https://cs.pzhss.cc">测试</a>然后在微信的浏览器中打开,点击a链接就能跳转到自己的app中来。

测试

或者在备忘录中打链接,然后长按,弹出在”xxx中打开“就算配置成功了。

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

推荐阅读更多精彩内容