钱包与 Apple Pay 的新功能

♪低音音乐播放♪ ♪ 爱德华瓦伦蒂尼：嗨 欢迎来到WWDC！ 我是爱德华 钱包团队的工程师 稍后我的同事罗斯会加入我 我们很高兴今天能在这里 与你讨论钱包和Apple Pay的新功能 今天我想谈谈三个主要方面 首先 我想分享一些钱包的更新 并告诉你我们在去年推出的 一些令人兴奋的功能 其次 我们对Apple Pay 进行了许多让人兴奋的更新 我们还增加了一些新功能 让付款更容易使用 第三 我想介绍一下我们所做的一些 新的API加强 让我们从钱包的一些更新开始说起 正如你在主题演讲中听到的 我们将把身份证引入Apple钱包中 从美国开始 在几个选定的州 你只需扫描你的驾照 或州身份证然后拍一张自拍照 你的身份证受到安全组件保护 运输安全管理局 正在努力让机场安检站 成为你使用电子身份证的第一个地方 有关这方面的更多信息 请查看与此课程相关的连结 同样是iOS 15的新功能 我们增加了对HomeKit连接锁的支持 因此用户现在可以 点击住家门锁通行证来开门 提到增加通行证 我们知道许多用户 都是直接在网上安装的 例如 在iOS 14中 如果你想增加四张电影票 你可以单独增加它们 今年 我们新增了来自Safari浏览器的 多通道下载 通过简单的更改 你可以将通行证捆绑在一起 为你的用户提供流畅的体验 要做到这一点 你需要做三件事 首先 将PkPass文件压缩在一起 其次 将文件扩展名 设置为.pkpasses 最后 使用正确的MIME类型 现在 bundle中的所有通行证 都将由一次下载中被钱包下载和处理 有了所有这些通行证 有时追踪 所有通行证会很麻烦 我们也知道很多人不喜欢 删除旧通行证 而是更喜欢将它们作为纪念品 但这会让钱包有点凌乱 所以iOS 15中的新功能 钱包会自动隐藏过期的通行证 使通行证井井有条且易于查找 让我向你展示 如何利用这一点 在这里 我们从示范传递中 看到了一些JSON 钱包查看三个字段来确定 一个通行证是否应该自动隐藏 第一 通行证的到期日期 比现在的日期还要早 第二 相关日期超过一天 或者三 通行证已经失效 为了确保用户获得良好的体验 你应该确保在你的通行证上 正确设置这些字段 现在让我告诉你 我们对 Apple Pay所做的一些更新 Apple Pay仍然是在 iPhone、iPad、Apple Watch 和Mac上进行支付的最简单方式 它允许用户通过app和网络付款 iMessage和Business Chat 以及App Clips 都支持Apple Pay 以提供流畅的实时体验 Apple Pay在全球的使用量持续增长 今年我们在墨西哥、以色列 和南非增加了支持 这代表Apple Pay 现在在全球55个国家和地区 都可以使用 我们在更多地点 增加了对大众运输的支持 而且 我们已经在巴西等地支持 合并信用卡和借记卡 现在 我想向你展示一些 你可以对app和网站进行的更改 以创造出色的支付体验 去年 我们增加了 对更多按钮类型的支持 例如使用Apple Pay租用 和使用Apple Pay充值 今天我们再介绍一项 继续使用Apple Pay 在购物车中与其他按钮 一起提供Apple Pay时 你应该使用此按钮 你可以将继续用作行动呼吁 我们还为Apple Pay按钮 引入了新的JavaScript实现 这个新按钮支持所有当前的 按钮类型和样式 它很容易实施 并且可以进行定制 以匹配你网站的设计 下面是一个示范 正如你所见的 按钮大小和样式可以轻松配置 请注意 这些样式都以 “apple-pay”为前缀 有关这方面的更多信息 请查看 Apple Developer Portal上的文档 接下来 我想向你展示 我们对iPhone和iPad版的 Apple Pay所做的重大改变 对于iOS 15 我们很高兴能够 通过全新的Apple Pay体验 让支付变得更好 我们在SwiftUI中使用全新设计 从头开始重建了Apple Pay表 它给用户一个 更清晰、更流畅的支付体验 还有全新的外观 我们还实现了几个新功能 来提高转换率 对于Apple Pay的新用户 我们简化了从支付表单中 增加卡和地址的流程 现有用户将能够在 不离开Apple Pay体验的情况下 增加另一张卡 我们还重新设计了错误处理 以便在出现问题时更加清晰 一旦用户完成增加新的支付方式 他们就可以无缝衔接他们的交易 我们还增加了一个新的摘要视图 它显示了更详细的信息 例如付款项目、折扣和小计 这是iOS 15的新功能 我们还会在摘要视图中 显示你的app图标 对于网络付款 我们现在在付款摘要视图中 显示Web Clip图标 在Apple Pay中 这一功能以前只有在使用 Mac上切换完成交易时才会见到 现在 你的网站图标 可以在Apple Pay交易中查看 为用户提供视觉上的保证 让他们知道支付 是在正确的地方进行的 如果你在网上接受Apple Pay 并且尚未设置Web Clip图标 我们强烈建议你让用户看到你的图标 为此 你应该提供根文档文件夹中 显示的两倍和三倍大小图标 Apple Pay会自动检索 并显示此图标以及付款请求 关于实现这一点的详细信息 可以在Apple开发者网站的 《人机界面指南》部分找到 当我们讨论图标大小时 我想提醒你PKPass的 新图标大小要求 由于iOS 15中的通知 现在显示更大的图标 因此你需要将PKPass图标更新为 至少38x38的一倍 以确保你的图标 显示时不会模糊 我们也很高兴在整个系列中 引入更多的灵活性 如果付款发生的时间比较晚 这让你能够增加一个日期 例如 如果你接受预订 或增加定期付款的频率 我们刚刚观察到的许多新功能 都可以通过一些简单的更改 增加到你的app中 因此 我们现在将仔细研究 我们在iOS 15中引入的API加强功能 我们很高兴增加 对发货日期范围的支持 现在 你可以在Apple Pay中 向你的用户展示 相关的送货或取货时间 这些可用来设定估计的寄送 或交货日期或店内取货的时间 这些额外信息会直接显示 在Apple Pay主视图上 新的发货日期API具有 对日历和时区的内置支持 这使你的app可以直接处理 发货日期或取货时间 相关信息也会清楚地显示给你的用户 现在我要简要地向你展示 这是如何运作的 我们首先使用与之前相同的 PKShippingMethod 定义正常的寄送方式 接下来 我们选择一个日历 在本例中 我们使用用户的当前日历 我们以今天为参考 估计从这个日期 开始的三到七天内送达 然后 我们使用日历 确定日期范围的开始 和结束日期 最后 我们将日期 转换为适当的日期组件 然后将它们增加到寄送方式中 我们使用日期组件而不是简单的日期 因此我们可以利用iOS内置的 丰富的日历和时区支持 这使得原本不可能实现的用例 成为可能 例如 我们可以为取货时间 提供正确的时区 而无需考虑用户当前的时区 这种详细程度还允许我们能够显示 最适合用户的日期和时间信息 例如显示特定的取件时间 我们在网络上包含了 与Apple Pay等效的JavaScript 你可以看到我们指定的日期组件范围 与我们在Swift中所做的略有不同 你的日期组件可以与我们支持的 任何取件类型结合使用 例如 你可以在app中显示取货时间 除了日期范围之外 你现在还可以声明一个 只能阅读的送货地址 你可以用它来通知用户 一个特定的取货位置 要启用此功能 你必须提供地址详细信息 作为PKContact的实例 在这个例子中 我们创建了一个邮政地址 CNMutablePostalAddress 以便我们可以设置 我们需要的所有地址组件 你现在可以将送货联系人 增加到付款请求中 最后 我们声明编辑模式 并指定所需的寄件字段 PKContact中包含的地址字段 将以只能阅读的形式呈现给用户 在本例中 我们提供了一个取件邮政地址 用户无法对其进行编辑 这是网络上Apple Pay的 等价JavaScript代码 你设置一个shippingContact字典 设置shippingType shippingContactEditingMode 和requiredShippingContactFields 然后包含JavaScript 支付请求的其他字段 要了解更多信息 请查看 Developer Portal的 Apple Pay部分的文档 iOS 15的另一个很棒的新功能 是支持优惠券代码 现在 你的用户可以在发起付款后 输入促销代码 这是为了让你的用户 在忘记使用折扣代码时 不必取消他们的Apple Pay交易 如果你有一个快速购买流程 用户可以从产品页面或购物车结账 但优惠券输入字段仅在结账时显示 那么你也可以考虑实现这一点 我们提供了更新付款请求的方法 因此你可以在需要时验证折扣代码 或返回错误信息 让我们深入了解一下代码 你可以使用委托方法进行更改 该方法在用户更改优惠券代码时 执行更新 例如 你可以使用它来验证代码 然后更新任何付款总额 你还可以使用该方法返回自定义错误 或更新付款汇总项目和寄送方式 罗斯稍后会详细地 向你展示这方面的范例 我们建议尽可能预填充代码 并显示无效代码的 相关错误信息 我希望你喜欢iOS 15的 这些令人兴奋的 API加强功能 现在我们已经在理论上 讨论了所有内容 我把示范交给罗斯 这样你就可以看到如何实现 这些出色的新功能 罗斯芬尼加：谢谢 爱德华 大家好 我叫罗斯 是钱包团队的软件工程师 我很高兴能够向你展示 我们在iOS15中增加的 一些让人赞叹的新功能 以及如何将它们整合到你的app中 让我们开始吧！ 这是我正在计划的美食节 购票app 我的app已经实现了 PKPaymentAuthorization ControllerDelegate的 现有协议方法 以便利用Apple Pay支付表的优势 在iOS 15中 支付表单将自动更新为 新外观 无需任何额外工作 我决定随着iOS 15的更新 我希望我的美食节参与者最终能够以 多种方式申请他们的门票 要做到这一点 我需要增加 对多种寄送方式的支持 让我们深入研究 我要进入我们的PaymentHandler类 在其中构建PKPaymentRequest 以开始增加对多个 PKShippingMethods的支持 我要增加的第一件事是一个辅助函数 它返回一个PKShippingMethods数组 代表我的用户可用的不同选项 我创建的第一个PKShippingMethod 是一种标准的寄送方式 让用户知道 他们可以在美食节上取票 新的iOS 15 我想为用户提供 一个估计的范围 它将把票 寄送给他们 为此 我创建了一个日期和日历对象 然后定义从现在起三到五天的 shippingStart和shippingEnd日期 然后 我可以在支付表单中 指定要向用户显示的日期组件 然后我构建我的PKShippingMethod 确保我设置了新属性 dateComponentsRange 并返回两种寄送方式的数组 我需要做的最后一件事是像这样 在PKPaymentRequest上设置寄送方式

通过这些简单的更改 我可以构建我的app 并在支付表单中查看新的寄送方式 支付表单中自动增加了一个新行 显示寄送方式 如果我点击该行 我将看到刚刚增加的两种寄送方式 包括支持日期范围的寄送方式 我还决定在今年的节日期间 我想向所有参加者发送优惠券代码 并增加功能 可以直接通过我的app 支付表单兑换优惠券 要做到这一点 我需要进行两个主要更改 让我们回到代码中 第一个是在构建PKPaymentRequest时 有一个新的布尔值 supportsCouponCode 需要设置为true 还有一个新的可选属性couponCode 你可以在PKPaymentRequest上 设置它 以便用一个已经有效的 优惠券代码 预先填充优惠券字段 接下来 让我们跳到我的符合 PKPaymentAuthorization ControllerDelegate的类扩展 并实现新的协议方法 paymentAuthorizationController didChangeCouponCode 在那里我将能够处理更新项目 和显示我的摘要项目 并在输入优惠券代码时 显示与优惠券代码条目相关的错误 我需要的第一件事是一个辅助函数 如果输入了有效的优惠券代码 它会更新我们的 PKPaymentSummaryItems 我引用了第一个总结项目 这是我们的小计项目 从那里 我创建了一个新的 PKPaymentSummaryItem 让用户看到应用的折扣 然后我为税和总计 创建一个新的摘要项目 然后返回它们的数组 现在我已经编写了 我的折扣app逻辑 然后我可以编写 我的优惠券代码验证逻辑 我首先检查用户输入的 优惠券代码是否为空 如果是 只需调用我们的完成 传递未修改的付款摘要项目 如果输入的优惠券代码 与有效的优惠券代码匹配 那么我使用刚刚创建的 applyDiscount函数 将更新后的摘要项目返回到 我们的CouponCodeUpdate对象中 对于你的app 你很可能需要从你的服务器 获取有效的优惠券代码 最后 如果输入的优惠券代码无效 我会使用新的PKPaymentRequest 便利初始值设定项 paymentCouponCodeInvalidError 并为其提供说明 以直接显示在支付表单中 我们还有一个用于过期优惠券代码的 初始化器 paymentCouponCodeExpired ErrorWithLocalizedDescription 然后我将此错误传递到 我们的优惠券代码更新初始化程序 以及原始摘要项目中 就像这样 我在我的app中增加了 对优惠券代码的支持 让我们来看看 要输入优惠券代码 我只需要点击摘要视图 并在优惠券代码文本字段中 输入优惠券代码 如果我第一次输入 无效的优惠券代码Fest 我提供的错误信息 会直接显示在文本字段下方 现在 如果我输入有效的 优惠券代码FESTIVAL 付款摘要项目会立即更新 然后我只需要选择收件人 以及收货地址 我的付款请求就准备好了

有了这些简单的改变 你现在可以 在我们的Apple Pay沙盒环境中 在设备上测试对支付表单的更新 现在 交还给爱德华 爱德华：谢谢 罗斯 罗斯刚刚向我们展示了 实现多种寄送方式 新的日期范围 和优惠券代码API是多么容易 今年 我们为钱包 提供了一些令人兴奋的新更新 例如住家门锁通行证、身份验证 隐藏过期通行证和多次通行证输入 我们为网页上的Apple Pay 引入了新的JavaScript支付按钮 以及iOS上的新Apple Pay体验 你了解了新的寄件API 其中包括对日期范围 和只能阅读地址的支持 优惠券代码 以及如何 在你自己的app中实现这些 想了解更多信息 请查看Developer Portal的 Apple Pay部分 这包括用于测试 你的app和网站付款请求的 Apple Pay沙盒 谢谢收看 ♪