百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

开发一个 App Clip 并不难!我们立马上开发教程

cac55 2025-03-20 12:38 15 浏览 0 评论

在 2020 年 6 月 23 日的 WWDC 大会中,苹果预告了 App Clips 。

App Clip(官方翻译:轻 App;民间翻译:「苹果」小程序),是主 app 轻量级的版本,旨在在特定场景为用户提供快速便捷的体验。

如果你在上班路上经过一家咖啡店想购买一杯咖啡,但发现排队下单付款的人很多,此刻你只需要使用 iPhone 自带的扫码工具扫描咖啡商店的 App Clip 二维码或 NFC 标签,就可以购买一杯咖啡,无需下载安装咖啡商店的 app。

▲图片来源:苹果官网

这应用场景听起来是不是跟微信小程序很像?

是的,于是我们在 App Clips 发布后就立刻进行了 App Clips 和微信小程序的对比和实操。(点此查看详细内容)

我们发现,App Clips 和微信小程序的存在都是为了解决同一个问题。但就开发而言,App Clips 和微信小程序亦存在着方向上的差异。

微信小程序是 0 到 0.1 再到 1.0。开发者为提供一个服务,从头开始开发小程序,用户用完即走,体验很棒。App Clips 则是从 1.0 到 0.1,是对现有 app 的一种改良,因此在开发上遇到的麻烦反而会少一些。

下面,我们就针对 App Clip 几个重要特性进行详细说明,并以 App Clip demo 为例,讲一讲开发的那些事。无论你是基于实际业务需要,或者学习、探索新事物的需求,只要具备一定的开发基础,通过本教程,也能轻松搞定一个 App Clip。

App Clip 的技术限制

App Clip 仅限应用于特定场景,即尽可能快地完成一个任务,即用即走。你可以把它看作主 app 的核心功能应用,对于复杂的任务应该在其对应的主 app 完成,因此某些功能被禁止在 App Clip 中使用。

安装包大小 10M 以内

当弹出 App Clip Card 时会立即下载 App Clip,安装包大小的限制保证了用户体验 —— 当用户打开 App Clip 时大概率已经下载好。

不能使用指定 Framework

Assets Library, CallKit, CareKit, CloudKit, Contacts, Contacts UI, Core Motion, File Provider, File Provider UI, HealthKit, HomeKit, Media, Player, Messages, Message UI, PhotoKit, ResearchKit, SensorKit, Speech

以上 Framework 不能在 AppClip 使用,若使用了在编译时不会报错,而是在运行时报错或者返回错误的结果。

与用户隐私相关操作

  1. 不能跟踪用户信息,也不能通过 identifierForVendor 来获取用户唯一标识。
  2. 不能持续地获取用户位置,每次使用位置需要请求用户授权,次日凌晨 4:00,会自动关闭授权。再次使用位置时,需要用户重新授权。
  3. 只允许 App Clip 和其对应的主 app 通信,不允许和其他 app 进行通信,这就导致微信登录分享支付等功能在 App Clip 里使用不了。
  4. 不能访问苹果音乐、多媒体,通讯录,文件,运动健康,相册等数据。

其他复杂任务

  1. 后台活动:网络请求、位置更新等
  2. 蓝牙连接
  3. App extensions
  4. URL schemes
  5. 内购(In-app purchases)(区别苹果支付 Apple Pay,在 App Clip 是能够使用苹果支付的)

App Clips 的消息推送

微信小程序不能通过 Push 的方式触达用户曾让开发者忧心忡忡。而手机厂商推出的系统级应用在这方便可以给开发者更多的底气,不管是苹果的 App Clips 还是国产手机生态的快应用,服务的消息推送能力都是吸引开发者的重要能力。

消息推送在 App Clip 的应用分两种场景:短时间内推送和长时间内的推送。(官方文档)

短时间内推送

用户在启动 App Clip 后,8 小时内可以收到消息推送。比如用户在 App Clip 购买了一杯咖啡后就退出了 App Clip,当咖啡准备好了,用户就会收到一个「咖啡已准备好」的推送。这方式只需要在 Info.plist 属性文件中添加 NSAppClip Key,并将 NSAppClipRequestEphemeralUserNotification 设置为 true,就能默认获取消息推送的权限。

长时间内推送

用户在 App Clip 完成一个任务后,可能过了几天才会收到推送。比如用户在 App Clip 租了辆车,租期为 3 天,到期后会用户收到「该还车了」的推送。这种方式和普通 app 的消息推送一样,都需要获取用户的推送授权。

使用 MinCloud 创建一个 App Clip

接下来将演示如何创建一个 App Clip。该 Clip 主要展示了一个产品列表,点击产品即可跳转到产品详情页。通过集成 MinCloud 从知晓云获取产品信息,最后为该 Clip 生成一个二维码,用户只需使用 iOS 14 的扫码工具扫描二维码,即可跳转到 Clip。

创建 App Clip Target

在已存在的 SugarDemo 工程创建一个 App Clip Target,并命名为 SugarClip。

这时在工程目录中多了个 SugarClip 目录,接下来我们就可以在这里实现 App Clip 了。

导入 MinCloud

通过 CocoaPods 集成 MinCloud,打开 Podfile 文件,添加以下内容:

platform :ios, '11.0'
 
target 'SugarClip' do
  use_frameworks!
 
  pod 'MinCloud', :git => 'https://github.com/ifanrx/hydrogen-ios-sdk.git'
  pod 'Moya', '~> 13.0'
  pod 'SnapKit'
  pod 'Kingfisher'
 
end
 
target 'SugarDemo' do
  use_frameworks!
 
  pod 'MinCloud',:git => 'https://github.com/ifanrx/hydrogen-ios-sdk.git'
  pod 'SnapKit'
  pod 'Kingfisher'
 
end

添加完后,执行 pod install 安装。

安装好 MinCloud 后在工程中导入 MinCloud,打开 Sugar Clip 的 AppDelegate.swift 文件,在文件顶部添加 import MinCloud,并在 application (_: didFinishLaunchingWithOptions:) 方法内添加:

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.
         
    BaaS.register(clientID: "fdc4feb5403a985fe681") // 注册 clientid
    BaaS.isDebug = true // 是否打印日志
    return true
}

获取产品数据

Product 结构

首先创建一个 Product 结构,用于表示产品信息。

struct Product: Decodable {
    public var id: String                  // 产品 id
    public var name: String?               // 产品名称
    public var participantCount: Int?      // 参与讨论人数
    public var coverImage: String?         // 封面图
    public var rating: Double?             // 产品评分
    public var brief: String?              // 产品简介
    public var description: String?        // 产品描述
}

获取产品列表

func loadProductList() {
   let table = Table(tableId: "105766")
   table.find { [weak self] (recordList, error) in
        if let list: List = recordList?.listInfo.decoded() {
            self?.products = list.objects
            self?.tableView.reloadData() // 刷新产品列表
        }
    }
}

Table 对应 MinCloud 的表结构,通过表 id 就可以操作对应表数据。使用 find 操作来获取产品表所有产品记录,获取产品记录后,将其解码为 List 对象。

获取产品详情

func loadProduct() {
    let table = Table(tableId: "105766")
    table.get(productId) { [weak self] (record, error) in
        if let product: Product = record?.recordInfo.decoded() {
            self?.product = product
            self?.displaySubviews() // 展示产品详细信息
        }
    }
}

使用 get 操作指定产品的 id 获取产品的所有信息,获取产品记录后,将其解码为 Product 对象。

产品页面

在项目中创建了 ProductCell、RatingLabel、BriefView 等视图控件,分别显示产品列表项、产品评分、产品简介等信息。而这些控件可以在主 App 和 App Clip 复用。因此在 SugarDemo 目录中创建了需要复用的组件,并将对应的文件的 Target Membership 中勾选 SugarDemo 和 SugarClip 即可复用。

唤醒 App Clip

开发完 App Clip 后,我们可以点击 Smart app Banner,扫码二维码或 NFC 标签,点击 Siri 获取基于位置的建议,短信等方式来唤醒(invacation)App Clip。

在 AppClip 可以被唤醒之前需要配置 Launch Experience,即给 App Clip 配置一个 URL 和 App Clip Card 信息。在开发阶段可以直接配置 Local Experience 或者在 testflight 上进行配置。App Clip 准备发布时,需要在 app store connect 上进行配置。

本文主要介绍 Local Experience 方式,其他方式可参考苹果开发文档。

1. 首先将 SugarClip 通过 Xcode 在手机运行起来。

2. 打开手机【设置】-【开发者】-【Local Experience】-【Register Local Experience】。

  • 填入 URL PREFIX,打开任何以 URL PREFIX 为前缀的 URL,都会被当做打开 App Clip 来处理。
  • 填入 Clip Bundle Id。
  • 填入 Title、Subtitle,选择一张图片,这些信息将会显示在 App Clip Card 上。

3. 步骤 2 的 URL PREFIX 编码成一个二维码(https://www.qr-code-generator.com/)

4. 使用控制面板的二维码扫描器扫描,将会弹出 App Clip Card。

5. 点击查看,进入 App Clip

至此,我们已经完成了一个 App Clip 的开发,可以对整个过程做一些总结:

开发难度:

App Clip 从技术选型上是面向 iOS 开发者的,对 iOS 开发者来说,开发 App Clip 可以简单到修改点配置即可发布。而如果是小程序开发者想要入坑,有两条路可以走:

  1. 学习 iOS 原生开发;
  2. 等待跨端的框架适配 App Clip。

挑战:

App Clip 现阶段只允许使用 Sign in with Apple 苹果登录、Apple Pay 苹果支付,无法集成微信登录、微信支付等线下服务场景主流的第三方能力。这对想要使用 App Clip 优化线下服务体验来说是个挑战,毕竟国内开通了 Apple Pay 的不是多数。希望 App Clip 团队早日推出更好的解法。

红利:

App Clip 体验轻巧优秀,开发者可通过 App Clip 为主体 app 做一个试玩试用版本,让用户快速体验,以降低用户安装门槛,提高整体转化率。

通过这篇文章,希望你也能高效的开发一个 App Clip。

相关推荐

unetbootin中文版:能够将Linux系统装进U盘的U盘启动盘制作工具

unetbootin中文版是一款能够将Linux操作系统装进U盘或移动硬盘的U盘启动盘制作工具,制作好的U盘启动盘能够用于电脑的维护和系统还原等操作,使用起来非常地不错。该软件不会基于操作系统使用特定...

实用之选,实用之改:DELL 戴尔 灵越14CR-4528B 小改作业

昨天发布了一篇三脚架,今天有时间也写写早就准备写的DELL戴尔灵越14CR-4528B作业吧。话说上个笔记本还是2006年底买的华硕A6JE,电脑挺不错的,在家上上网也够用了,就是转轴设计缺陷,容...

教你如何制作一个启动U盘,从此电脑不用找专人做系统

在电脑使用中,老是遇到卡顿,蓝屏,重启等很多故障,大多都是因为自己日常使用习惯而造成的,很多用户在下载软件的时候不知不觉中都被安装许多乱七八糟的软件,当电脑乱七八糟的东西过多的时候我们就重新来装一个系...

8、Deepin操作系统启动盘(系统盘)制作

1、在Deepin官网https://www.deepin.org/zh/download/下载原版Deepin操作系统2、同时在Deepin官网https://www.deepin.org/zh/d...

电脑死机怎么办,电脑如何使用U盘重装系统

电脑死机是我们最常遇到的系统故障,遇到死机时通常重启就可以解决,不过系统损坏引起的死机就只能重装系统,那么电脑死机如何重装系统呢?下面来看看电脑死机怎么办如何使用U盘重装系统_小白一键重装系统官网。 ...

bootmgr is compressed无法启动系统

bootmgriscompressedPressCtrlAltDeltorestart,电脑启动后无法正常开机出现了这样的字样,就是说明你的C盘驱动被压缩解决方法:1、使用系统光盘或者...

新手教程!如何分辨BIOS启动列表(菜单)中的各种启动项

在BIOS启动菜单中识别各类启动项,是新手安装系统或调整启动顺序的必备技能。下面用最直观的方式,为你梳理常见启动项及其含义,帮助你快速上手:一、传统存储设备启动项1.Floppy(软盘驱动器)对应...

带回家的MINI客厅电脑,自学成才,分享U盘装系统教程

刚好老家新装修了房子,客厅买了个大电视,本来是想在客厅弄台主机,接电视玩,大屏幕玩的才爽,但是台式机箱太占地方了。网上逛了一圈,发现有专门的客厅电脑,就搞了一个,外形不错,放客厅很有档次,主要是主机太...

电脑基础知识:BIOS简介及其与Windows操作系统的关系

什么是BIOS?BIOS,全称BasicInputOutputSystem,即“基本输入输出系统”,是一段固化在电脑主板芯片上的底层固件程序。它类似于一款极简化的操作系统,负责电脑开机时的硬件初...

win 7 系统注册表文件丢失或损坏,求不重做系统的解决办法!

粉丝问题解答:win7系统注册表文件丢失或损坏,求不重做系统的解决办法!解决方法:你只需要有启动盘即可,不需要其他的。之所以要求启动盘,是因为下面要对系统文件进行还原覆盖,所以不能用原系统启动。用...

UEFI怎么装Win7 小编呕血解难点!

自从广开言路之后,小编就被你们害苦了,这不,一条评论又让小编彻夜难眠。另外某些小伙伴坐不上沙发后提出要上墙的需求,其实呢只要大家提出的问题具有普遍性、有难度、而且适合小编做微信内容的话,都有机会将你们...

固态攻坚战——ASUS 华硕k45v换固态、拆机清灰教程

作者:蘑菇爱上我现在固态白菜价固态对于电脑体验的提升还是很大的对于固态存储芯片的问题没什么好说的有钱mlc,没钱tlc,不需要考虑什么寿命的问题,我用了一年多的m600,写入才3TB品牌很重要,主控...

MBR启动报错?Win10不重装一样能好!

Win10一遇到启动故障,很多小伙伴可能就会抓瞎,这可怎么弄,我不会修复啊!其实大可不必惊慌,就像这种最常见的Winload启动错误,多半都是MBR分区表丢失造成的(UEFI分区模式的几乎没有这种故障...

从零开始:硬盘手动装系统全攻略

手动安装操作系统是计算机技术必备的基本技能。对于初学者来说,可能会感到有些挑战。但通过掌握硬盘手动装系统方法,你可以亲身体验整个安装过程,进而更好地理解操作系统的工作原理。本文将详细介绍硬盘手动装系统...

电脑开机后显示File:BCD错误0xc000000f

WIN7\WIN8\WIN101、一个win864位PE。这个64位PE的相关文件,路径在boot\BOOT.WIM实机测试,开机后显示File:\EFI\Microsoft\Boot\BCD,...

取消回复欢迎 发表评论: