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

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

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

App Clip：客戶端或 NFC 配置

1. 獲取 ST25-TAG-BAG-U

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

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

寫網(wǎng)址

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

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

1、選擇NdefUriRecord

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

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

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

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

編寫測試標(biāo)簽

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

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

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

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

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

輕敲Area 1

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

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

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

測試應(yīng)用剪輯

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

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

Xcode 項目

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

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

服務(wù)器端

Web 服務(wù)器配置非常簡單。在 Xcode 和 App Store Connect 中定義的 URL，例如，http://www.myst25.com/clip開發(fā)人員必須有一個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ù)器根文件夾中的第二個重要文件（例??如 /www）是一個名為apple-app-site-association. 該文件僅列出以下數(shù)組：

“appclips” ： {

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

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

}

審核編輯：郭婷