创建iOS应用剪辑并使用NFC标签启动它

描述

  企业有一种以 App Clip 和 NFC 标签的形式与客户互动的新方式。该功能使用户能够在移动操作系统上运行小型应用程序,而无需通过 App Store。小软件只是“弹出”到屏幕上,这为新的客户关系工具打开了大门。例如,咖啡店可以提供更实用的奖励卡,零售商可以让虚拟钱包更容易获得。企业可以通过多种方式触发 App Clip,其中之一是指向 URL 的 NFC 标签。当用户将 iPhone 靠近标签时,智能手机会自动检测 URL 并启动 App Clip。该机制很简单,因此非常具有成本效益。因此,让我们探讨一下企业使用 App Clip 需要什么。

  什么是应用剪辑?

  Apple 将App Clip描述为“[an] 应用程序的轻量级版本”。未压缩的二进制文件占用不到 10 MB,它主要关注应用程序的一小部分。例如,一家咖啡馆的完整应用程序可以提供其商店目录、即将举行的活动列表、其销售枚举和奖励卡,但 App Clip 只会显示后者。这些限制确保用户体验是即时的,即使是低速蜂窝连接。用户体验也很简单。通过将手机靠近 NFC 标签来触发 App Clip 可减少摩擦,向不太熟悉移动应用程序的新客户开放数字交互。因此,我们与 ST 的一位 iOS 应用程序开发人员 Vincent Latorre 坐下来分享他的 App Clip 体验。

  App Clip:客户端或 NFC 配置

  1. 获取 ST25-TAG-BAG-U

  整个过程中最简单的方面是设置一个 NFC 标签以指向一个 URL,然后该 URL 将指向 App Clip。该过程非常简单,无需编写任何代码即可设置工作演示。为了演示,我们将使用两个ST25TV02K NFC 标签。一个将保存指向 App Clip 的 URL,而第二个标签将作为概念验证来教授可缓存功能容器。

  对于只关注 App Clip 的演示,不需要第二个标签,开发人员可以只关注第一个。然而,我们想借此机会解决显示写入内存块的问题,并提供一个具体的证据,证明 ST 的应用程序剪辑确实在完成它的工作,而不是显示一个虚拟屏幕。两个标签都是ST25-TAG-BAG-U套件中的小圆形贴纸。最后,用户必须从 App Store 下载我们的 NFC Tap 应用程序才能写入标签。

  写网址

  让我们以第一台ST25TV02K为例。以下演示在标签为空白的假设下工作。第一步是Read Tag从主屏幕中选择并将手机靠近标签。将出现一个屏幕,显示有关 ST25TV02K 的信息。下一步是选择。。.屏幕右下角并选择Areas Content Editor,然后扫描标签。如果标签为空白,则会出现一个框,显示内存大小(例如 256 字节)并显示No NDEF message。

  要编写 NDEF 消息,用户只需点击博客上说No NDEF message. 将出现一个新面板,其中显示一个带有蓝色箭头的白色框。向左滑动该框会显示一个菜单,其中包含选项Add、Edit、Insert和Exec。选择后Add

  1、选择NdefUriRecord

  2、请务必选择 https,否则 App Clip 不会立即显示。

  3、Validate并写入标签

  学习能力容器

  第二个 ST25TV02K 将作为我们的测试对象,并作为了解更多关于 Type-5 标签中的 NDEF 支持的一种方式。该演示显示 ST 的 App Clip 正在读取标签,而不仅仅是显示屏幕。为了让事情变得更有趣,我们从我们关于 NDEF 管理的应用说明中得到了启发。实际上,该文档显示了如何配置 ST25TV 标签以充当支持 NDEF 消息的 NFC Type-5 标签。简而言之,只需在第一个内存块中写入一个有效的能力容器(CC)。该文档将引导用户完成设置,但为了举例,我们可以使用以下四字节 CC 编写 ST25TV02K 的第一个内存块:E1 40 20 01h.

  编写测试标签

  要执行此任务,请打开 NFC Tap iOS 应用程序,然后

  选择读取标签并扫描第二个 ST25TV02K 标签

  检查 CC 文件部分以查看标签是否为空。如果它的幻数是0x00,那么它还没有包含任何信息。

  我们现在将激活 NDEF 消息传递支持并写一点消息。

  选择More屏幕底部的 ,然后选择Areas Content Editor。该应用程序将要求您扫描标签,然后显示有一个 256 字节的可写区域,上面没有内容。

  轻敲Area 1

  出现一个新屏幕,抱怨有No NDEF Record. 向左滑动此消息以显示菜单,然后选择Add。

  点击NdefTextRecord,删除现有文本,然后输入Hello World!

  将手机按下Validate并降低到标签以写入 NDEF 消息。

  测试应用剪辑

  App Clip 仅在手机上不存在完整应用程序时才会显示。因此,在扫描收到 AppClip 的 URL 的第一个 ST25TV02K 之前,必须删除 NFC Tap(如果已安装)。一旦手机检测到第一个标签,它就会显示 AppClip Card,询问用户是否要打开 AppClip 或从 App Store 下载应用程序。打开 App Clip 会显示 NFC Tap 应用程序的精简版本,其中显示Read NDEF为灰色,但Read Tag可用。选择此选项来读取第二个 ST25TV02K 表明 App Clip 从我们的标签中获取数据。向下滚动,我们看到了0xE1幻数,它表明 App Clip 正在扫描我们刚刚配置的标签。

  App Clip:后端或应用程序开发和 Web 服务器配置

  Xcode 项目

  希望了解更多信息的开发人员的第一步是下载我们的 iOS 应用程序的源代码 ( STSW-ST25IOS001)。工程师只需在 Apple IDE 中打开文件即可开始研究我们的实现。首先要注意的是,用作 App Clip 的应用程序部分是一个特定的目标。Apple 提供了专门的 App Clip 模板来协助开发者,小 app 可以与 Apple Pay 和 Sign in with Apple 配合使用。这个新系统还受益于特殊的通知和地理定位系统。此外,一个 iOS 软件可以有多个 App Clips。在 Xcode 中,开发人员应该注意Signing & Capabilities选项卡。实际上,他们需要记住团队名称和捆绑标识符。

  下一步是使用App Store Connect Web 界面设置 App Clip 。这就是开发人员上传图片的地方,该图片将显示在 iOS 卡上,邀请用户启动 App Clip。单击Advanced App Clip Experience将打开一个新菜单以设置指向 App Clip 的 URL。此外,开发人员可以要求操作系统检查移动设备的地理位置。企业可以选择使用此功能将 App Clip 与商店或特定地点相关联。

  服务器端

  Web 服务器配置非常简单。在 Xcode 和 App Store Connect 中定义的 URL,例如,http://www.myst25.com/clip开发人员必须有一个index.html带有元标记的文件,其中包含应用程序的 ID 和捆绑包 ID。如下所示,主体可以保持为空。重要的是元标记本身。

  《html》

  《head》

  《meta name=“apple-itunes-app” content=“app-id=THEAPPID, app-clip-bundle-id=THEAPPBUNDLEID”》

  《/head》

  《body》

  《/body》

  《/html》

  必须存在于网络服务器根文件夹中的第二个重要文件(例​​如 /www)是一个名为apple-app-site-association. 该文件仅列出以下数组:

  “appclips” : {

  “apps”: [“TEAM_NAME.BUNDLE_ID (e.g., UL3MK8FNMR.com.st.st25ncf.clip)”],

  “paths”: [“DESTINATION (e.g., path/*)”]

  }

  审核编辑:郭婷

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分