0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

星星科技指导员 来源:意法半导体 作者:意法半导体 2022-05-11 14:38 次阅读

企业有一种以 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/*)”]

}

审核编辑:郭婷

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

    关注

    12

    文章

    9165

    浏览量

    85437
  • 应用程序
    +关注

    关注

    37

    文章

    3268

    浏览量

    57713
收藏 人收藏

    评论

    相关推荐

    nfc pvc松紧腕带应用演示 #nfc #NFC标签 #pvc卡 #腕带标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年12月20日 14:23:49

    NFC抗金属标签_高效资产管理与防伪追溯解决方案 #nfc #NFC标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年12月19日 16:53:01

    今天给大家演示下nfc标签在软件推广中的应用 #NFC标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年11月14日 17:25:49

    今天给大家演示一下nfc标签防伪易碎标签的应用 #NFC标签 #nfc防伪易碎标签 #防伪溯源

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年11月01日 14:54:44

    物联网系统中非接触近场通信方案NFC详解(一)_NFC标签分析

    (如智能手机)靠近NFC标签,即可快速读取或写入数据。这种便捷性在物联网系统中尤为重要,因为简化了设备间的交互过程,提高了用户体验。 快速的身份验证和授权 NFC
    的头像 发表于 09-29 16:58 650次阅读
    物联网系统中非接触近场通信方案<b class='flag-5'>NFC</b>详解(一)_<b class='flag-5'>NFC</b><b class='flag-5'>标签</b>分析

    NFC标签读取网址演示 #nfc #NFC标签 #nfc标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年09月27日 15:27:32

    NFC标签写入网址应用 #NFC标签 #nfc

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年09月23日 17:11:45

    NFC标签读取应用演示 #NFC标签 #nfc

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年09月12日 17:00:51

    消费类电子标签NFC手环标签 #NFC标签 #nfc手环 #硅胶手环标签 #nfc

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年08月19日 17:06:53

    普通NFC标签NFC抗金属标签有什么区别呢? #NFC标签 #抗金属标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年08月05日 16:46:14

    NFC环保易碎银浆天线撕碎应用演示 #NFC标签 #环保易碎标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年07月29日 16:48:12

    NFC智能手表标签门禁应用演示 #nfc #NFC标签 #手环标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年07月09日 16:48:21

    NFC评论卡读写应用讲解#nfc #谷歌评论卡 #nfc卡片 #NFC标签 #rfid标签

    nfc
    深圳市融智兴科技有限公司
    发布于 :2024年05月13日 15:14:24

    融智兴科技浅析|NFC酒类防伪标签的管理与应用

    NFC防伪标签是基于NFC技术发展而来的一种新型防伪手段。NFC技术允许电子设备之间进行非接触式点对点数据传输,在一定范围内交换数据。
    的头像 发表于 05-07 15:15 364次阅读
    融智兴科技浅析|<b class='flag-5'>NFC</b>酒类防伪<b class='flag-5'>标签</b>的管理与应用

    X-nucleo-nfc04a1用NFC标签助手进行存储区NDEF格式化之后不能写入网址是为什么?

    1、X-nucleo-nfc04a1开发板刚买回来,无论用苹果手机还是安卓手机靠近线圈都是可以打开一个网页的,但是当我用NFC标签助手进行存储区NDEF格式化之后,无论用苹果手机还是安卓手机靠近线圈
    发表于 03-22 07:46