轻 App 的新功能

探索轻 App 的最新更新：了解我们如何通过改进尺寸限制以及 CloudKit 和钥匙串的使用，帮助您比从前更轻松地构建轻 App。我们还将介绍如何利用验证工具来验证您的轻 App，并使用 App Store Connect 来自动化您的优质轻 App 体验工作流程。

资源

相关视频

WWDC21

WWDC20

下载

♪ ♪ Charles Ying: 大家好我是 Charles Ying 欢迎来到 What's new in App Clips App clip 是 App 的一小部分它是一种轻量级的、快速的且易于发现的 App 您需要的时候可以快速取用可在信息 App 地图 App 聚焦 Safari 或外部二维码和 App Clip 编码来访问 Toast 是其中一个很好的例子 Toast 的 App clip 让您可以通过扫描二维码支付点餐费用 Toast 的 App Clip 可通过印制于收据上的二维码来打开使用 App Clip 用户可快速结账从而会让用户选择安装完整的 App 在当前流中搭建 App Clip 是简化体验的一个绝佳方法通过今天介绍的新功能您的用户将能用 App clip 完成更多操作且开发 App clips 也会变得前所未有的简单我们先看下 App clip 的大小限制 App Clips 是轻应用及快应用就是为速度而生的小才能保证 App clips 的即时性而现在的无线网络已经比两年前更快了我很高兴地宣布在 iOS 16中 App clips 现在可以达到 15 MB 的尺寸为您提供了更多空间搭建更理想的体验将您 App clip 的最低版本设置到 iOS 16 的新限值或保持在 10 MB 以内以兼容 iOS 15 及更早版本不管怎样您都可以在 App clip 启动后下载额外资源速度还是打造良好体验的关键您的用户不一定总能在网速快的环境因此 App clip 优化的重要性丝毫不亚于以往您可查看“Build light and fast app clips” 以了解更多关于优化 app clip 的信息接下来我将为您演示一个简单的新工具能确保您 App clip 体验或 universal link 得以正确设置以下是运行方法在您的 iPhone 或 iPad 中转到开发者设置在 App Clips Testing 下选择 Diagnostics 现在输入您的 URL 您可以将您的设备与 Xcode 相连打开开发者模式 iOS 会检查您的 URL 配置如果配置正确您将能看到这些绿色的复选框

但是如果出错了您将会看到这样的屏幕告诉您错误的原因是什么这可以帮助您解决问题如 Safari 不显示标题栏或导航到网页而不是您的 App clip 每个诊断都可链接到一个解释进一步配置步骤的文档现在您可以看到具体是哪里出错了

App Clip 诊断可检查使用物理代码 Safari 和 iMessage 的 App clip 体验也可检查与域配置相关的 Universal Link 这个简单的新工具可帮助您轻而易举就实现正确配置

接下来是 CloudKit

CloudKit 这一框架让您的 App 可访问存储在 iCloud 的数据直至现在 CloudKit 仍不可在 App clips 中使用您的 App clip 可能使用服务器来读取数据或资源

而 iOS 16 全新推出的 App clips 可读取存储在 CloudKit 公用数据库的数据和资源您现在可以通过 CloudKit 提供的驱动和比例在您的 App 和 App clip 中共享同样的代码访问同样的数据 App 和 app clips 之间一个重要的区别在于 App clip 可以从公用数据库中读取但无法将数据写入 CloudKit App clips 也不能使用云文档及键值存储如与用户承诺的那样当 App clip 没有使用时 iOS 将会删除 App clip 及其数据

在 Xcode 中启用您 App clip 的 CloudKit 打开您 App clip 目标的 Signing and Capabilities 选项卡选择您想让您的 App clip 使用的 CloudKit 容器这一 CloudKit 容器可以是全新的也可以是与您完整 App 共享的这是从您 App clip 中读取 CloudKit 公用数据的例子用容器的标识符创建一个 CKContainer 并访问 publicCloudDatabase 属性然后提取您想从公用数据库中获取的记录

接下来是密钥串迁移今天您想将敏感信息从 App clip 转移到您的完整 App 中如验证令牌和付款信息您的 App clip 将在共享 app 组容器中存储数据用户将 App clip 升级到完整 App 时 iOS 保存该数据

您的完整 App 读取 App 组容器将信息存储至密钥串中

然而密钥串是安全存储这类信息的理想位置今年全新推出的功能当用户安装您的 App 时存储在您 App clip 密钥串中的项目从您的 App clip 转移到 App 中现在您的 App clip 只需存储密钥串中的安全项目并在安全时转移到您的 App 中共享密钥串组和 iCloud 密钥串都不支持正如与用户承诺的那样 App clip 不使用时不会保留密钥串信息

这是如何存储和读取密钥串中登陆信息的示例 App 和 App clip 的代码是一样的您可以用 SecItemAdd 添加新项目到密钥串并用 SecItemCopyMatching 从密钥串中提取这些项目为您的项目添加标签从而帮助您的完整 App 识别您的 App clip 保存的项目

最后是 App Clip Experiences API 随着您 App clip 的增加您会有更多高级的 App clip 体验每个都有自己的信息或定位你需要一个简单的方法来添加和更新这些体验 App Store Connect 有一个 App Clip Experiences 网页 API 可用于自动化工作流我们来看看使用该 API 来添加高级 App clip 体验的例子首先获取 App clip 资源 ID 接下来上传您的 header 图像最后创建高级 App clip 体验首先我们找到 App clip 的资源 ID 用您 App 的项目 ID 和 App clip 捆绑 ID 来调用网页 API 根据响应保存 App clip 资源 ID 供后续使用接下来为高级 App clip 体验上传 header 图像保存 header 图像的资源 ID 供下一步使用最后通过您 App clip 资源 ID 和您的 header 图像 ID 我们现在可以创建您的高级 App clip 体验了有三个字典要填写 attributes, relationships, 和 included

在 attributes 字典中增加如动作名称的信息哪一类别语言和高级 App clip 体验的链接如果你的高级体验与地图 App 位置绑定增加位置字典在 place 字典中增加匹配的地图营业场所名称地图动作地图坐标在 relationships 字典中添加 App clip 的资源 ID 和 header 图像 ID 在列入字典中为高级 App clip 体验增加本地化标题和子标题好了使用这种 App Store Connect API 您可以全自动创建高级 App clip 体验您可以查看 WWDC 2020 中的 Automating App Store Connect 以及 What's new in App Store Connect 以了解更多关于 App Store Connect 的信息总的来说新的 App clip 尺寸限制为您提供了更多空间以搭建理想体验 App Clip 诊断工具是端到端理解您的 App clip 和 universal link 配置的强大工具 CloudKit 和密钥串通过与 App 共享更多代码来简化开发流程 App Clip experiences API 通过管理您的高级 App Clip 体验自动化工作流您可查看 WWDC 2021 中的 What's new in App Clips 以及 WWDC 2020 中的 Design great App Clips 以查看更多关于开发 App Clips 的信息各位开发者们设计了这么强大的 App clips 它们都太有创意了我们希望这些新功能能帮助您搭建下一个强大的 App clip 感谢大家的观看

4:41 - Read your CloudKit public database from your App Clip

// Read your CloudKit public database from your App Clip

let container = CKContainer.default()
let publicDatabase = container.publicCloudDatabase
let record = try await publicDatabase.record(for:
    CKRecord.ID(recordName: "A928D582-9BB6-E9C5-7881-E4EAF615E0CD"))

if let title = record["Title"] as? String,
    let description = record["Description"] as? String {
        print(“Fetched a food item from CloudKit: \(title) \(description)")
}

6:03 - Read and Write from your App Clip's keychain

// Write authentication token to App Clip keychain

let addSecretsQuery: [String: Any] = [
    kSecClass as String: kSecClassGenericPassword,
    kSecValueData as String: "smoothie-secret".data(using: .utf8),
    kSecAttrLabel as String: "foodsample-appclip"
]
SecItemAdd(addSecretsQuery as CFDictionary, nil)

// Read authentication token from app or App Clip

var readSecretsQuery: [String: Any] = [
    kSecClass as String: kSecClassGenericPassword,
    kSecReturnAttributes as String: true,
    kSecAttrLabel as String: "foodsample-appclip",
    kSecReturnData as String: true
]
var secretsCopy: AnyObject?
SecItemCopyMatching(readSecretsQuery as CFDictionary, &secretsCopy)

7:10 - Get your App Clip resource ID

# Get the App Clip resource ID

GET /v1/apps/1234567890/appClips?filter[bundleId]=com.example.foodsample.Clip

# Response

{
    "data": {
        "attributes": {
            "bundleId": "com.example.foodsample.Clip"
        },
        "id": "726ad1bb-3e1b-40eb-a986-d8a9897e4f1e"
    }
}

7:25 - Upload a header image for the advanced App Clip experience

# Upload a header image for the advanced App Clip experience

POST /v1/appClipAdvancedExperienceImages
{
    "data": {
        "type": "appClipAdvancedExperienceImages",
        "attributes": {
            "fileName": "Hero_image_US.png",
            "fileSize": 43500
        }
    }
}

# Response

{
    "data": {
        "attributes": "..."
        "id": "91c52741-832b-48a2-8935-1797655edbe7"
    }
}

7:34 - Create the advanced App Clip experience

# Create advanced App Clip experience

POST /v1/appClipAdvancedExperiences
{
    "data": {
        "type": "appClipAdvancedExperiences",
        "attributes": {
            "action": “OPEN",
            "businessCategory": "FOOD_AND_DRINK",
            "defaultLanguage": "EN",
            "isPoweredBy": true,
            "link": "https://fruta.example.com/restauraunt/simply_salad",
            "place": {
                "names": [ "Caffe Macs" ],
                "mapAction": "RESTAURANT_ORDER_FOOD",
                "displayPoint": {
                    "coordinates": { "latitude": 37.33611, "longitude": -122.00731 },
                    "source": "CALCULATED"
                }
            }
        },
        "relationships": {
            "appClip": {
                "data": {
                    "type": "appClip",
                    "id": "726ad1bb-3e1b-40eb-a986-d8a9897e4f1e"
                }
            },
            "headerImage": {
                "data": {
                    "type": "appClipAdvancedExperienceImages",
                    "id": "91c52741-832b-48a2-8935-1797655edbe7"
                }
            }
        },
        "included": {
            "type": "appClipAdvancedExperienceLocalizations",
            "attributes": {
                "language": "EN",
                "subtitle": "Fresh salad every day",
                "title": "Simply Salad"
            }
        }
    }
}

正在查找特定内容？在上方输入一个主题，就能直接跳转到相应的精彩内容。