iOS通用链接Universal Link典型场景介绍及使用

需求:

用户从qq/微信分享出去的H5页面,当点击H5页面的某个按钮时,要实现如下功能:

1.当用户未安装App时,跳转到AppStore页面引导用户下载

2.当用户已安装App时,唤醒App并跳转到App里面的某一个指定页面

传统的url schema实现方式存在两个弊端,一是跳转的时候会有一个提示框:“是否打开XXX”,用户体验不好,二是微信屏蔽了URL Scheme,必须是在微信的白名单里面才可跳转,也就意味着用户在微信里面是无法一键直达App的。这对于大多数公司来讲,是难以承受的。而通用链接Universal Link正是可以解决上述问题的技术手段。

一、通用链接介绍及优点 :

iOS 9 Universal Links 通用链接可参考这篇博文

二、通用链接具体实施步骤

     这里可以分两种实现方式,第一种是自己去配置通用链接,第二种是通过一些第三方sdk来实现此功能,笔者在这里强烈推荐第二种,我自己有尝试第一种配置,坑多,而且配置半天后发现得到的链接始终通不过测试,怀疑是服务器那边不支持。而第二种配置的话,坑少,而且还会节省大量的开发时间,保证该功能的迅速上线。

①自己配置通用链接 

iOS的UniversalLink开发总结  不建议 坑太多。

②用第三方sdk去集成配置(魔窗,LinkedME等)

下面以魔窗为例,讲解如何配置。魔窗iOS集成文档

用魔窗的话iOS端只需要做三部分操作,分别是魔窗后台配置部分,Xcode配置部分,代码实现部分。下面将详细描述步骤。

魔窗后台配置部分

①注册一个魔窗账号 魔窗注册 

②账号注册完毕后,登录魔窗点击右上角新增产品然后选择App。

③要填写的信息分为三部分,分别是产品信息,App信息,魔窗位信息。产品信息没什么可讲的,魔窗位信息可以不填 无视。App信息页面如下图

应用宝下载地址,基本大多数公司都会有,直接填上即可。

应用名称和Bundle ID不用解释 直接填上

URL Scheme:这个LiveRoom名称可以自己随便起,但要保证跟Xcode里面URL Scheme 保持一致(后面会讲解Xcode中的配置)。

下载地址就是应用程序在App Store里面的下载地址。

Team ID :如何获取Team ID 按照教程得到填写即可。

将这些都填写完毕后,魔窗会给你分配一个域名,这个域名会在后面Xcode中配置使用到。

魔窗分配的域名

魔窗位信息无视,下一步,然后注册完毕后,会得到一个App key,这个是魔窗App key

魔窗App key

④想要使用深度链接,还需要配置魔窗的mlink服务,如下图


点击添加mLink服务

点击添加mLink服务后,如下图


mLikn服务配置页面

mLink服务名称可自己配置  mLink服务key也可自己配置 这个key后面代码里面需要使用。

然后就是URL如何拼接了。比如你app中有用户的个人中心,且可以用参数决定是否显示用户的详细信息,那么您需要输入的页面URI如下:mw://www.mycompany.com/user/:userId?containsDetail=:containsDetail。这里mw://为URI Scheme,可从外部唤醒App,在“App管理”中设置。www.mycompany.com是hostname,user是path。url不懂得如何配置的可参考魔窗上面的点击查看如何配置URL,简言之,就是服务器地址后面拼参数。

这些填完以后,会得到一个短连接。


至此,魔窗的所有配置均已做完。

小结:魔窗的配置是为了获得五个关键参数,以供后面配置使用。分别是URL Scheme,魔窗App key,魔窗mLink key  魔窗域名 魔窗短连接。

Xcode配置部分

Xcode这边配置非常容易,就两步即可。

①配置URL Scheme 这里的identifier可填可不填没影响,URL Schemes这里填在魔窗后台配置时,你写的URL Scheme,魔窗跟Xcode这里二者必须保持一致

Xcode URL Scheme配置


②applinks配置 这里的Domains一定要填你之前在魔窗配置后获得的那个魔窗域名,这里要保证不能出差错,否则无法完成跳转

Xcode applinks配置

Xcode的配置到这里就完成了。

代码实现部分

①集成魔窗sdk,手动和cocopods两种方式,手动请参考魔窗文档,下面只讲cocopods集成

pod 'MagicWindowSDK'

pod install

记住不要pod update,因为魔窗sdk自己集成了微信分享,非常容易跟shareSDK 友盟分享SDK冲突。

②Appdelegate中实现注册魔窗

在didFinishLaunchingWithOptions这个app初始化方法里面, 其中MWKey就是魔窗key, liveRoomKey需要你替换成之前配置的魔窗mLink key。回调代码里面,不同的项目有不同需求,灵活应变即可。

注册并实现通用连接的回调

下图是官网推荐的回调代码内容:

魔窗推荐的回调代码

③Appdelegate中实现必要的方法,在.m中 实现以下这三个方法即可。这里我的openUrl有做判断,因为项目里面集成了友盟分享,如果不做判断的话,会很容易冲突。大家根据自己的项目,灵活处理即可。

至此,iOS端就完成了所有的配置,看着文章内容很多,其实配置起来还是很快很简单的。将你之前获得的魔窗短链,交给你们的web开发小伙伴,让他参考这篇文章,进行web端的配置即可魔窗JS API。(超简单)

小提示:如果你按教程配置完事了,发现qq分享出去的链接,可以正常跳到自家的App某个页面,而微信的不行,那么可以先排除是不是h5链接的原因。测试方法,直接用短连接+参数 https://ab9e1n.mlinks.cc/AcJF?roomId=0849170 如果类似这样的链接在微信里面正常,那么可推断是web端原因,如果这样的链接也不正常,那么则是App端没配置好,可检测下AppDelegate.m需要实现的那三个方法有没有实现,是不是写错了。

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,580评论 18 139
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,598评论 1 180
  • (窗外渐白)一杯温水看天明,一部手机可过夜。夜里漫长听秋声,风吹雨敲窗台响。显山现水见风楼,风吹雨下空气清。天气渐...
    甘朝武阅读 273评论 0 0
  • 尽管我们总会遇到无穷无尽的混蛋和笨蛋,但总会有一些人,让你感到生命的温暖和满足,让你感到生命的不虚此行。——罗永浩...
    韩武纪阅读 770评论 0 2
  • 一次说走就走来到心念已久的色达 一路艰辛的旅途只为了那一抹红 一路走来看见很多朝拜的人,一起一跪之间饱含了他们的虔...
    MAGUOYUE阅读 198评论 0 0