Universal Links 与 Moblink 的探究

一、说在前面的话

Universal Links 针对的是在 Web 中打开 App,Universal LinksScheme 还要牛掰!

二、MobLink 快速实现

借助 Mob 平台 简单实现,详情请见具体 开发文档。实现还是挺简单的,也可以自己创建一个账号,走一遍流程。

三、简单的 Demo

3.1 简要介绍

已经将我的一个小实验提交到我的 github UniversalLink8HTML,欢迎下载看看。其中有两个项目:
UniversalLinkDev:这就是目标项目。
HTMLDev:模拟的网页端。
我将代码打成 zip 包是因为不想做 .gitignore 文件,因为 UniversalLinkDev的 pod 有点难 install,我就干脆全部上传。我 install 的时候重复了好几次,不知何故。应该不是 RP 的问题。如果要看具体的现实,必须要结合 开发文档 来看。

项目运行

可以先运行 HTMLDev 项目,你能找到这个界面:

Simulator Screen Shot - iPhone 5s - 2018-08-01 at 19.17.46.png

底部的条就是我们想要的效果,这个时候点击 “打开”,你没有安装 UniversalLinkDev 的情况下,你会跳转到 UniversalLinkDev的下载网页。但是现在只是一个测试,我写成了一个我的简书
关于上面的这个界面是怎么实现的,主要是根据 Moblink 来实现的一个网页,具体看代码。

再运行 UniversalLinkDev 项目之后,直接关掉,代表在你的设备上已经安装了 UniversalLinkDev 项目。
再回到 HTMLDev 项目点击打开,会打开 UniversalLinkDev 项目,进入指定的界面。

3.2 代码分析

UniversalLinkDev 项目中,有两个地方值得注意分别如下:
1、AppDelegate 文件中的这个方法:

// Universal Link 激活会执行这个方法
- (BOOL)application:(UIApplication *)application continueUserActivity:(NSUserActivity *)userActivity restorationHandler:(void (^)(NSArray * _Nullable))restorationHandler {
    if ([userActivity.activityType isEqualToString:NSUserActivityTypeBrowsingWeb]) {
        [ULPlatform continueUserActivity:userActivity];
    }
    return YES;
}

continueUserActivity:方法可以做类似简单的操作:

+ (void)continueUserActivity:(NSUserActivity *)userActivity {
    NSURL* webpageURL = userActivity.webpageURL;
    NSURLComponents* components = [NSURLComponents componentsWithURL:webpageURL resolvingAgainstBaseURL:YES];
    
    // path
    NSLog(@"path = %@", components.path);
    NSLog(@"参数 = %@", components.query);
    
    for (NSURLQueryItem* item in components.queryItems) {
        NSLog(@"key = %@\nvalue = %@", item.name, item.value);
        // 仅仅用于测试
        if ([item.name isEqualToString:@"info"]) {
            UINavigationController* navVC = (UINavigationController*)[UIApplication sharedApplication].keyWindow.rootViewController;
            UIViewController* vc = [[UIViewController alloc] init];
            vc.title = item.value;
            vc.view.backgroundColor = [UIColor blueColor];
            [navVC pushViewController:vc animated:YES];
        }
    }
}

2、UIViewController+MLSDKRestore 中的这两个方法

// Universal Link 就是通过这个方法找到对应的路劲
+ (NSString *)MLSDKPath {
    return @"/demo/a";
}

// Universal Link 通过这个方法将具体的参数场景传入控制器
- (instancetype)initWithMobLinkScene:(MLSDKScene *)scene {
    self = [super init];
    self.scene = scene;
    self.title = scene.params[@"title"];
    return self;
}

以上的这两个地方都是属于通过 Universal Link 进入 APP 的执行方法。这里需要注意的是:application: continueUserActivity: restorationHandler: 只要是通过 Universal Links 进来的都会执行,所以需要对已经做了MLSDKRestore 的做过滤。

四、apple-app-site-association 的配置

这个文件,理应是我们自己生成的一个 JSON 格式的文件,应该放在自己的另外一个(非当前 Web 域名)域名的服务器。但是在我上面的 Demo 中,Mob 平台已经自动在 Mob 平台 生成了一个这样的文件 apple-app-site-association
具体内容如下:

{
"applinks": {
"apps": [],
"details": [{
"appID": "D8Y5E9ZUX3.com.CoderHG.UniversalLinkDev",
"paths": ["*"]
}]
}
}

其中 D8Y5E9ZUX3 是我的 itemID, com.CoderHG.UniversalLinkDev 是 Bundle ID。

五、所谓的 Moblink 中的高级应用

其实就是一个 delegate,可以将其分成两类:

第一类

这两个方法的执行时机是项目一启动的时候,说明了什么?说明 Moblink 在项目刚启动的时候,就会去找整个项目中已经实现 UIViewController+MLSDKRestore 的控制器,然后保存在内存中。这里就暴露了一个问题,如果很多的话,对内存就会有影响了。

第二类

这个是针对某个场景的操作,也很容易理解。

六、主意事项

6.1 一个大坑

到这里,对 Universal Links 与 Moblink 应该有那么一点点的理解了,接下来介绍一下我遇到的一个大坑:如何测试?
刚开始的时候,根本不知道如何做测试,尤其是网页端。最后从各方得到一个结论:必须要将自己的网页提交到网站。厉害了,于是申请空间。最最浪费时间的是 FileZilla, 最后也没有连接成功。
后来想到使用现在的方式,没想到还 成功 了。
当然还有一个主意点:

<script type="text/javascript" src="https://f.moblink.mob.com/3.0.1/moblink.js?appkey=271db5f52372a"></script>

src 一定要加 https://, 在 Moblink 中是没有给的,后来是我自己加的。

6.2 Moblink 的机密

在调试的过程中,也发现使用 Moblink 的 Universal Links,在 application: continueUserActivity: restorationHandler: 中收到的 webpageURL 中的 params 是加密的。本来不用知道具体是怎么加密的,但是强迫症就想知道。查看 Moblink 文件发现一个 Base64, 还以为是 Base64, 但是不对。后来咨询了一下官方,他的回复是:不用管,具体如何实现的,机密不可外露,不能告诉我

七、总结

简书写得简单了,具体的还得看代码UniversalLink8HTML

参考文章

Universal Links 前端部署采坑记
苹果官网 Support Universal Links

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

推荐阅读更多精彩内容