創(chuàng)建iOS應(yīng)用剪輯并使用NFC標(biāo)簽啟動(dòng)它

企業(yè)有一種以 App Clip 和 NFC 標(biāo)簽的形式與客戶互動(dòng)的新方式。該功能使用戶能夠在移動(dòng)操作系統(tǒng)上運(yùn)行小型應(yīng)用程序，而無(wú)需通過(guò) App Store。小軟件只是“彈出”到屏幕上，這為新的客戶關(guān)系工具打開(kāi)了大門(mén)。例如，咖啡店可以提供更實(shí)用的獎(jiǎng)勵(lì)卡，零售商可以讓虛擬錢(qián)包更容易獲得。企業(yè)可以通過(guò)多種方式觸發(fā) App Clip，其中之一是指向 URL 的 NFC 標(biāo)簽。當(dāng)用戶將 iPhone 靠近標(biāo)簽時(shí)，智能手機(jī)會(huì)自動(dòng)檢測(cè) URL 并啟動(dòng) App Clip。該機(jī)制很簡(jiǎn)單，因此非常具有成本效益。因此，讓我們探討一下企業(yè)使用 App Clip 需要什么。

什么是應(yīng)用剪輯？

Apple 將App Clip描述為“［an］ 應(yīng)用程序的輕量級(jí)版本”。未壓縮的二進(jìn)制文件占用不到 10 MB，它主要關(guān)注應(yīng)用程序的一小部分。例如，一家咖啡館的完整應(yīng)用程序可以提供其商店目錄、即將舉行的活動(dòng)列表、其銷(xiāo)售枚舉和獎(jiǎng)勵(lì)卡，但 App Clip 只會(huì)顯示后者。這些限制確保用戶體驗(yàn)是即時(shí)的，即使是低速蜂窩連接。用戶體驗(yàn)也很簡(jiǎn)單。通過(guò)將手機(jī)靠近 NFC 標(biāo)簽來(lái)觸發(fā) App Clip 可減少摩擦，向不太熟悉移動(dòng)應(yīng)用程序的新客戶開(kāi)放數(shù)字交互。因此，我們與 ST 的一位 iOS 應(yīng)用程序開(kāi)發(fā)人員 Vincent Latorre 坐下來(lái)分享他的 App Clip 體驗(yàn)。

App Clip：客戶端或 NFC 配置

1. 獲取 ST25-TAG-BAG-U

整個(gè)過(guò)程中最簡(jiǎn)單的方面是設(shè)置一個(gè) NFC 標(biāo)簽以指向一個(gè) URL，然后該 URL 將指向 App Clip。該過(guò)程非常簡(jiǎn)單，無(wú)需編寫(xiě)任何代碼即可設(shè)置工作演示。為了演示，我們將使用兩個(gè)ST25TV02K NFC 標(biāo)簽。一個(gè)將保存指向 App Clip 的 URL，而第二個(gè)標(biāo)簽將作為概念驗(yàn)證來(lái)教授可緩存功能容器。

對(duì)于只關(guān)注 App Clip 的演示，不需要第二個(gè)標(biāo)簽，開(kāi)發(fā)人員可以只關(guān)注第一個(gè)。然而，我們想借此機(jī)會(huì)解決顯示寫(xiě)入內(nèi)存塊的問(wèn)題，并提供一個(gè)具體的證據(jù)，證明 ST 的應(yīng)用程序剪輯確實(shí)在完成它的工作，而不是顯示一個(gè)虛擬屏幕。兩個(gè)標(biāo)簽都是ST25-TAG-BAG-U套件中的小圓形貼紙。最后，用戶必須從 App Store 下載我們的 NFC Tap 應(yīng)用程序才能寫(xiě)入標(biāo)簽。

寫(xiě)網(wǎng)址

讓我們以第一臺(tái)ST25TV02K為例。以下演示在標(biāo)簽為空白的假設(shè)下工作。第一步是Read Tag從主屏幕中選擇并將手機(jī)靠近標(biāo)簽。將出現(xiàn)一個(gè)屏幕，顯示有關(guān) ST25TV02K 的信息。下一步是選擇。。.屏幕右下角并選擇Areas Content Editor，然后掃描標(biāo)簽。如果標(biāo)簽為空白，則會(huì)出現(xiàn)一個(gè)框，顯示內(nèi)存大?。ɡ?256 字節(jié)）并顯示No NDEF message。

要編寫(xiě) NDEF 消息，用戶只需點(diǎn)擊博客上說(shuō)No NDEF message. 將出現(xiàn)一個(gè)新面板，其中顯示一個(gè)帶有藍(lán)色箭頭的白色框。向左滑動(dòng)該框會(huì)顯示一個(gè)菜單，其中包含選項(xiàng)Add、Edit、Insert和Exec。選擇后Add

1、選擇NdefUriRecord

2、請(qǐng)務(wù)必選擇 https，否則 App Clip 不會(huì)立即顯示。

3、Validate并寫(xiě)入標(biāo)簽

學(xué)習(xí)能力容器

第二個(gè) ST25TV02K 將作為我們的測(cè)試對(duì)象，并作為了解更多關(guān)于 Type-5 標(biāo)簽中的 NDEF 支持的一種方式。該演示顯示 ST 的 App Clip 正在讀取標(biāo)簽，而不僅僅是顯示屏幕。為了讓事情變得更有趣，我們從我們關(guān)于 NDEF 管理的應(yīng)用說(shuō)明中得到了啟發(fā)。實(shí)際上，該文檔顯示了如何配置 ST25TV 標(biāo)簽以充當(dāng)支持 NDEF 消息的 NFC Type-5 標(biāo)簽。簡(jiǎn)而言之，只需在第一個(gè)內(nèi)存塊中寫(xiě)入一個(gè)有效的能力容器（CC）。該文檔將引導(dǎo)用戶完成設(shè)置，但為了舉例，我們可以使用以下四字節(jié) CC 編寫(xiě) ST25TV02K 的第一個(gè)內(nèi)存塊：E1 40 20 01h.

編寫(xiě)測(cè)試標(biāo)簽

要執(zhí)行此任務(wù)，請(qǐng)打開(kāi) NFC Tap iOS 應(yīng)用程序，然后

選擇讀取標(biāo)簽并掃描第二個(gè) ST25TV02K 標(biāo)簽

檢查 CC 文件部分以查看標(biāo)簽是否為空。如果它的幻數(shù)是0x00，那么它還沒(méi)有包含任何信息。

我們現(xiàn)在將激活 NDEF 消息傳遞支持并寫(xiě)一點(diǎn)消息。

選擇More屏幕底部的 ，然后選擇Areas Content Editor。該應(yīng)用程序?qū)⒁竽鷴呙铇?biāo)簽，然后顯示有一個(gè) 256 字節(jié)的可寫(xiě)區(qū)域，上面沒(méi)有內(nèi)容。

輕敲Area 1

出現(xiàn)一個(gè)新屏幕，抱怨有No NDEF Record. 向左滑動(dòng)此消息以顯示菜單，然后選擇Add。

點(diǎn)擊NdefTextRecord，刪除現(xiàn)有文本，然后輸入Hello World！

將手機(jī)按下Validate并降低到標(biāo)簽以寫(xiě)入 NDEF 消息。

測(cè)試應(yīng)用剪輯

App Clip 僅在手機(jī)上不存在完整應(yīng)用程序時(shí)才會(huì)顯示。因此，在掃描收到 AppClip 的 URL 的第一個(gè) ST25TV02K 之前，必須刪除 NFC Tap（如果已安裝）。一旦手機(jī)檢測(cè)到第一個(gè)標(biāo)簽，它就會(huì)顯示 AppClip Card，詢(xún)問(wèn)用戶是否要打開(kāi) AppClip 或從 App Store 下載應(yīng)用程序。打開(kāi) App Clip 會(huì)顯示 NFC Tap 應(yīng)用程序的精簡(jiǎn)版本，其中顯示Read NDEF為灰色，但Read Tag可用。選擇此選項(xiàng)來(lái)讀取第二個(gè) ST25TV02K 表明 App Clip 從我們的標(biāo)簽中獲取數(shù)據(jù)。向下滾動(dòng)，我們看到了0xE1幻數(shù)，它表明 App Clip 正在掃描我們剛剛配置的標(biāo)簽。

App Clip：后端或應(yīng)用程序開(kāi)發(fā)和 Web 服務(wù)器配置

Xcode 項(xiàng)目

希望了解更多信息的開(kāi)發(fā)人員的第一步是下載我們的 iOS 應(yīng)用程序的源代碼 （ STSW-ST25IOS001）。工程師只需在 Apple IDE 中打開(kāi)文件即可開(kāi)始研究我們的實(shí)現(xiàn)。首先要注意的是，用作 App Clip 的應(yīng)用程序部分是一個(gè)特定的目標(biāo)。Apple 提供了專(zhuān)門(mén)的 App Clip 模板來(lái)協(xié)助開(kāi)發(fā)者，小 app 可以與 Apple Pay 和 Sign in with Apple 配合使用。這個(gè)新系統(tǒng)還受益于特殊的通知和地理定位系統(tǒng)。此外，一個(gè) iOS 軟件可以有多個(gè) App Clips。在 Xcode 中，開(kāi)發(fā)人員應(yīng)該注意Signing & Capabilities選項(xiàng)卡。實(shí)際上，他們需要記住團(tuán)隊(duì)名稱(chēng)和捆綁標(biāo)識(shí)符。

下一步是使用App Store Connect Web 界面設(shè)置 App Clip 。這就是開(kāi)發(fā)人員上傳圖片的地方，該圖片將顯示在 iOS 卡上，邀請(qǐng)用戶啟動(dòng) App Clip。單擊Advanced App Clip Experience將打開(kāi)一個(gè)新菜單以設(shè)置指向 App Clip 的 URL。此外，開(kāi)發(fā)人員可以要求操作系統(tǒng)檢查移動(dòng)設(shè)備的地理位置。企業(yè)可以選擇使用此功能將 App Clip 與商店或特定地點(diǎn)相關(guān)聯(lián)。

服務(wù)器端

Web 服務(wù)器配置非常簡(jiǎn)單。在 Xcode 和 App Store Connect 中定義的 URL，例如，http://www.myst25.com/clip開(kāi)發(fā)人員必須有一個(gè)index.html帶有元標(biāo)記的文件，其中包含應(yīng)用程序的 ID 和捆綁包 ID。如下所示，主體可以保持為空。重要的是元標(biāo)記本身。

《html》

《head》

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

《/head》

《body》

《/body》

《/html》

必須存在于網(wǎng)絡(luò)服務(wù)器根文件夾中的第二個(gè)重要文件（例??如 /www）是一個(gè)名為apple-app-site-association. 該文件僅列出以下數(shù)組：

“appclips” ： {

“apps”： ［“TEAM_NAME.BUNDLE_ID （e.g.， UL3MK8FNMR.com.st.st25ncf.clip）”］，

“paths”： ［“DESTINATION （e.g.， path/*）”］

}

審核編輯：郭婷