VISION

来自苹果的小程序 App Clips 详解与横向对比

2017 年,微信推出了小程序,不用下载 APP 就可以体验到原生 APP 里面的内容。如今,苹果带着小程序 App Clips 来了。本文作者对 App Clips 进行了深度分析,希望对你有帮助。


今年的苹果 WWDC 苹果全球开发者大会(英文全称是 "Worldwide Developers Conference")于北京时间 6 月 23 日凌晨 1 点进行了全球直播,期间随着 iOS 14 的发布,苹果带来了官方的 " 小程序 "APP Clips。今天就来给大家讲解一下这项 " 新技术 " 有什么特点。


一、什么是 APP Clips?

我们都知道,2017 年初,微信带着 " 小程序 " 的概念来了。如果你需要使用哪款 APP,现在可以无需下载,只要在微信中扫一扫对应二维码,或者搜一搜即可使用,即刻拥有堪比原生 APP 的流畅程度,和堪比 H5 的加载速度,让大家可以更快更好的体验到原生 APP 里面的内容。


图片来源:苹果官网


转眼间 3 年半过去,苹果在最新的 iOS 14 系统中带来了系统级的 " 小程序 ":APP Clips,中文直译为 " 应用剪辑 ",我觉得叫 " 应用片段 "、" 应用剪影 " 之类的可能更合适些。

APP Clips 的目标是在需要的时候无需安装,只要有网络,就可以迅速上手。苹果官方给出的场景是租用小型摩托、买咖啡、填停车表等。

每个 APP Clip 代码大小不能超过 10MB,按照当前 4G 移动网络,乃至已在逐步推广的 5G 移动网络速度,10MB 的内容在几秒钟内完成加载,是一件非常轻松的事情。

由于 APP Clips 还没有正式的中文名称,后文将用 APP Clips 表示苹果推出的这个功能,用 APP Clip 表示具体某一个 "APP Clips"。

二、APP Clips 的渊源

其实早在微信小程序之前多年,iPhone/iPad 上面的 Safari 网页浏览器,就支持把网页以图标入口的形式固定在主屏幕上,外观看上去与普通的 APP 没任何区别。用户直接点击对应网页图标,就直接打开对应的网站。


图片来源:手机截图


这个行为虽然看似浏览器的 " 收藏夹 " 或者网站链接的 " 快捷方式 ",但不能否认,这就是最早的轻量化入口尝试之一。

结合当时还在蓬勃发展的 H5 技术,对于一些简单的应用场景,用户无需下载对应 APP,事情可以直接在 H5 网页内解决。

三、APP Clips 是应用的一部分

微信小程序推出后,很多人看到了小程序开发、应用的一片蓝海。甚至很多公司,将所有的功能都整合入微信小程序中,也就只有微信小程序端,并不提供原生的 iOS 或者 Android 的 APP。

而苹果的 APP Clips 第一个特征:它是 APP 的一部分!


也就是说,先要有一个 APP,然后才能创建对应的 APP Clip(应用剪辑)。


一个 APP 允许有多个 APP Clip。这就意味着,如果你的 APP 提供多类功能时,可以把每个大板块单独做成一个 APP Clip。

APP Clips 采用跟 iOS 原生 APP 类似的编程方法,对于开发者比较友好,不像一款 APP 想做小程序版本,是另外一个平台、另外一种编程语言这么大的跨度。

APP Clips 是一个 lite(轻量版)的 APP,通过使用苹果系统提供的 SwiftUI 和 UIKit 界面框架,运行时只需要加载必须的内容,如页面排布、操作逻辑、多媒体信息等,可以减小软件包的尺寸,从而实现快速加载。


图片来源:iCheer 原创


四、更便捷的 APP Clips

就像微信为微信小程序提供了微信授权登录、微信授权获取手机号、微信支付等功能,让微信小程序可以使用起来更便捷一样。

苹果则为 APP Clips 提供了 APPle Pay 苹果支付、Sign in with APPle 使用苹果 ID 登录的功能。


但是目前国内 APPle Pay 和 APPle 账号登录功能的功能普及程度相对还是较低,而且一个 APP Clip 也不能唤起其他 APP Clip,也不允许一个 APP Clip 唤起非自己所属的 APP。


所以企业想拥抱 APP Clips 的时候,如果需要在 APP Clip 中实现快捷登录、支付功能,请务必先了解一下 APPle Pay 和 Sign in with APPle。


知乎和滴滴打车 APP 中的使用苹果 ID 登录


图片来源:截图

五、使用 APP Clips 为 APP 导流

苹果允许在 APP Clip 中展示绑定的完整 APP 的下载选项,点击后将跳到苹果应用商店进行下载安装。


如果用户已下载了 APP,则在对应场景下,不会再启用对应的 APP Clip,而是直接唤起 APP。这就意味着,APP 需要完整包含其 APP Clip 所实现的功能,而不能某些功能仅限在 APP Clips 中使用。


六、如何唤起 APP Clips

首先,你要有一台苹果手机,且一定要是 iPhone 6s 以上的机型,否则不支持 iOS 14。

然后,你要安装最新的 iOS 14 系统,不过现在 iOS 14 并未正式推出,只有试用版。正式版本预计在今年秋天(9 月及以后)才会推出。

然后解锁你的 iPhone,接下来有 7 种互动方式:

1. 使用苹果自带相机应用扫码 APP Clip Codes。


这是一种苹果自己推出的一种特殊二维码,但是得今年年底才会正式推出。本质上与微信小程序码是一个意思,方便用户辨认。


除此之外,苹果还提供了其他六种 APP Clips 的访问方式:


2. 使用 iPhone 触碰特定的 NFC 标签。


3. 使用苹果自带相机应用扫码特定内容的普通二维码。

4. 在苹果自带浏览器 Safari 中访问特定网站。

5. 在 iMassage 中主动分享、打开他人分享的 APP Clip。

6. 在苹果自带地图中唤起使用。

7. 在手机中查看最近用过的 APP Clips。


七、APP Clips 的调用特性


由于 APP Clips 和普通 iOS APP 调用的方式类似,都是采用苹果的 URL Scheme,所以理论上在苹果系统的非官方应用里,只要知道调用路径,就可以唤起别家 APP 的 APP Clip。

例如在抖音直播带货里,看到一款商品很不错,一点进去发现是小米有品的购买链接,如果此时你又没有下载小米有品 APP:

现在的体验是:点击后,提示未安装小米有品 APP,跳到苹果应用商店下载。下载完成后返回抖音,再次点击该链接,从而唤起小米有品 APP,再跳到对应商品页面完成购买。

未来的体验可能是:点击后,直接弹出小米有品的 APP Clip,直接在里面完成购买。

八、APP Clips 不是用完就走

当用户使用完一个 APP Clip 后,苹果允许该 APP Clip 在用户离开后 8 小时内向用户发送通知,用户可以通过通知内容快速返回 APP Clip 中。

九、APP Clips 能力有限

虽然说苹果要求先有 APP 才能有 APP Clips,但是因为 APP Clips 足够轻,对一些小型应用而言是否可以做到 APP 与 APP Clips 功能一致,主打 APP Clips 呢?

答案是可能并不行。

苹果不允许 APP Clips 访问以下信息:

运动和健身数据;

苹果音乐与媒体;

来自通讯录,文件,消息,提醒和照片等应用程序的数据;

除了对应的 APP 外,APP Clips 无法与任何其他 APP 共享数据;

APP Clips 可以在被启动时获取用户所在的地理位置,该操作需要用户同意,且仅限于验证用户是否在开发者预设的地区内。APP Clips 并不能随时获取用户所在位置,也无法获得用户的具体位置信息。

一些高级的网络功能、应用内购、使用蓝牙设备,都只能在完整的 APP 中使用,而无法在 APP Clips 中使用。

如果你想提前了解 APP Clips 的更多特性,可以访问苹果的开发者网站:https://developer.APPle.com/APP-clips/

在微信小程序已经普及了的今天,我就不再赘述 APP Clips 与原生 APP 孰优孰劣的问题了,有兴趣的小伙伴直接去搜索小程序与原生 APP、H5 的对比文章即可。

十、PWA

2015 年谷歌 Google 提出了 PWA 概念,本质上是 HTML 技术与浏览器配合的集大成者,它并不是 HTML5.0(也就是大家说的 H5)的下一代产品。PWA 又被成为 " 微信小程序的原型 "。

PWA 是 HTML 的应用创新,整合了浏览器的主动支持。除了它的提出者 Google 之外,现在微软的 windows10、火狐 firefox,甚至是苹果的 Safari 都是支持 PWA。PWA 解决了 HTML 的三个核心痛点:

可以添加到主屏幕作为入口;

可以实现离线访问,传统 HTML 都必须是联网才能加载的;

消息推送。

有了以上三个特点后,PWA 就能让网页有解决原生 APP 一般的体验,但是显然,PWA 最大的限制就是,你要安装一个支持 PWA 的浏览器。


图片来源:web.dev 翻译 By iCheer


不过有那么一家公司,既有操作系统,又有浏览器,一切都妥妥帖帖的给你安排好了,那就是谷歌和它旗下的 Android 安卓操作系统 + 浏览器 Chrome,所以用户就不需要再额外安装什么浏览器,就能体验到 PWA 了。

如果你不知道苹果的 APP Clips 怎么实现的话,看到这里,会不会觉得苹果是 " 抄袭 " 谷歌的呢?

十一、微信小程序

微信小程序自 2016 年底开始内测,2017 年正式上线,关于微信小程序是不是独创、以及它的实现原理,这里就不再赘述,可以直接阅读微信官方的文档。

微信小程序技术发展史:

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%8A%80%E6%9C%AF%E5%8F%91%E5%B1%95%E5%8F%B2

可以肯定的是,无论是手机系统厂家、手机设备制造商、还是很多知名的互联网 APP 厂家(如抖音、百度、QQ 等),都推出了自己的小程序产品或类型形式的产品,目前推广最成功、应用最广泛的还属微信小程序。

十二、快应用

2018 年 3 月 20 日,小米、华为、OPPO 等 10 家中国手机厂商罕见地站到了一起,共同发布了快应用。无需安装、即点即用,快应用就是手机厂商版的 " 小程序 ",现在已经有超过 12 家手机制造商加入了快应用。


图片来源:新浪科技


官方网站:https://www.quickAPP.cn/

快应用与 PWA 不一样,从技术实现角度看,它就是一个系统级别的 " 微信小程序 ",而不是像 PWA 一样依赖 HTML,缺点是你必须使用对应品牌厂商的安卓手机。

十三、横向对比

这里采用大家常对比 H5、原生 APP、微信小程序的角度,对比一下 PWA、以微信为代表的基于原生应用的小程序产品、快应用、APP Clips:


可以看到,在轻量化 APP 入口这件事上,各大科技、互联网巨头的方案真是百花齐放、各有千秋。PWA 在加载和交互体验这两个用户能感知的核心项上稍显劣势,但是它的背后有世界顶级的科技巨头支持,而且发展得最早、技术门槛相对最低,未来也是可以期待的。


十四、总结

苹果在 2020 年的 WWDC 上,将 APP Clips 称之为 " 使用 APP 的全新方式 "。


但是,每个新的产品或功能在光鲜亮丽的背后,都有它的隐藏门槛,苹果的 APP Clips 也不例外。就像要做一款微信小程序,那就必须按照微信平台的规则来一样,只能在微信允许的功能范围内做小程序,部分类别小程序需要提供对应的营业资质信息等。


想享受苹果的 APP Clips 的红利,首要是要有一款独立的原生 iOS 应用,就这点就对很多稍小的互联网公司而言是个大的门槛。其次是有了 iOS 应用,还必须遵守苹果对应的 APP Store 上架规则。最核心的,当然是这个功能只能是 iPhone 用户才能体验!


 


沈阳App定制开发,请信赖唯思科技!