企業有一種以 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文章
9142瀏覽量
85384 -
應用程序
+關注
關注
37文章
3268瀏覽量
57694
發布評論請先 登錄
相關推薦
評論