《電子技術應用》
您所在的位置:首頁 > 微波|射頻 > 解決方案 > 技術詳解:如何開發一個iOS小程序并且通過NFC標簽觸發

技術詳解:如何開發一個iOS小程序并且通過NFC標簽觸發

2021-07-09
來源:意法半導體
關鍵詞: iOS NFC

36.jpg

  現今,商家與客戶互動有了一種新的方式 -- App Clip(蘋果小程序)和NFC標簽。這個功能讓用戶可以在手機操作系統上運行小程序,無需到應用商店下載安裝軟件。小程序只是在屏幕上彈出信息,此功能為開發新的客戶關系創造了機會。例如,咖啡店可以提供更實用的積分卡,零售商可以讓虛擬錢包更好用。商家可以通過多種方式觸發小程序,其中一種是指向某一個URL地址的NFC標簽。當用戶iPhone靠近標簽時,手機會自動發現URL并啟動小程序。原理簡單的同時成本也低廉。下面我們探討一下商家使用小程序都需要些什么。

  App Clip是什么?

       App Clip 被稱為“ 輕量版的手機應用軟件”。這種小軟件壓縮前二進制代碼量小于10 MB,并且主要提供應用程序的一小部分功能。例如,一家咖啡公司的完整應用可以提供咖啡店的名錄、近期促銷活動、銷量排序以及積分卡,但App Clip小程序只會顯示積分卡。這些功能確保用戶獲得即時體驗,即使手機移動網速很低,用戶也能獲得實時體驗。用戶還能獲得簡便快捷的使用體驗。通過手機靠近NFC標簽啟動小程序,可以減少很多使用障礙,為不太熟悉手機應用的新客戶打開了數字互動的大門。下面來看一下ST的iOS應用開發者Vincent Latorre的小程序開發經驗。

  App Clip:客戶端或NFC配置

  1. 準備ST25-TAG-BAG-U套件

 q.jpg

  ST25-TAG-BAG-U 標簽套件包含: 1. ST25TV02K, 2. ST25TA02KB, 3. ST25TV02K HC, 4. ST25TV512, 5. ST25TA64K

  在整個配置過程中,最容易的環節是創建一個NFC標簽,在標簽內寫入指向小程序的URL。這個過程非常簡單,簡單到創建一個正常工作的演示軟件,連一行代碼都不用寫。出于演示目的,我們將使用兩個ST25TV02K NFC標簽,其中一個用于存放小程序的URL地址,另一個將用作概念驗證,講解可以在操作系統中存儲的或緩存的功能容器。

  如果想開發一個以App Clip小程序為主的演示,第二個標簽是不需要的,開發者可以只用第一個標簽。但是,我們想借此機會講解演示如何寫存儲區塊,并提供具體證據證明ST的小程序確實在工作,而不是給大家看一個展示的屏幕。這兩個標簽都是ST25-TAG-BAG-U 套件中的小圓標簽。用戶必須到應用商店下載我們的NFC Tap應用,才能讀寫標簽。

  寫URL

  我們拿出第一個ST25TV02K標簽。以下演示假設標簽是空白標簽。第一步是在主屏上選擇Read Tag,然后將手機靠近標簽,屏幕上將出現ST25TV02K的信息。下一步,點擊屏幕右下方的…圖標 ,然后選擇Areas Content Editor選項,最后,用手機掃描標簽。如果是空白標簽,則會出現一個對話框,顯示存儲器大小(例如256字節),并提示No NDEF message。

  在寫入一條NDEF消息前,用戶需要點擊提示No NDEF message的對話框,隨后在屏幕上將出現一個白色方框和藍色箭頭。向左滑動白色方框,將會彈出一個菜單,其中包含Add、 Edit、Insert 和 Exec選項。在選擇 Add后,

  1.選擇NdefUriRecord

  2.輸入<https://www.myst25.com/clip>。務必選擇https,否則小程序將不會立即顯示。

  3.按Validate按鈕,然后寫標簽

  了解功能容器

  第二個ST25TV02K是我們的測試標簽,我們還可以通過它了解Type-5標簽中NDEF支持功能。這個演示證明ST的小程序正在讀取標簽,而不是在展示一個手機屏幕。為了增加演示的趣味性,我們效仿我們關于NDEF管理的應用筆記中的方法。事實上,那篇文章講解的是如何將ST25TV標簽配置成支持NDEF消息的NFC Type-5標簽,簡而言之,就是在第一個存儲塊中寫入一個有效的功能容器(CC)。那篇文章給用戶詳解了整個設置過程,我們可以在ST25TV02K的第一個存儲塊內直接寫入四字節CC:E1 40 20 01h。

  寫測試標簽

  在執行寫標簽操作前,打開NFC Tap iOS應用,然后

  1.選擇Read Tag,然后掃描第二個ST25TV02K標簽

  2.檢查CC File部分,確保標簽是空白的。如果Magic Number是0x00,則表示標簽內不含任何信息。

  現在,我們激活NDEF消息傳輸支持功能,然后寫入一小條消息。

  1.選擇屏幕底部的More ,然后選擇Areas Content Editor。這時軟件將會讓你掃描標簽,然后,發現一個256字節的可寫區,里面沒有內容。

  2.點擊Area 1

  3.在屏幕上出現No NDEF Record的提示信息。向左滑動對話框,然后出現一個菜單,選擇 Add。

  4.點擊NdefTextRecord,清除現有文本,然后輸入Hello World!

  5.按Validate按鈕,然后將手機靠近標簽,寫入NDEF消息。

  測試App Clip

  只有當手機上沒有安裝完整的應用軟件時,小程序才會彈出。因此,在掃描第一個有小程序URL地址的ST25TV02K標簽前,如果安裝了NFC Tap軟件,必須刪除軟件。當手機檢測到第一個標簽時,就會在觸屏上顯示小程序卡片,詢問用戶是否要打開小程序或從應用商店下載應用。打開小程序后會顯示一個精簡版的NFC Tap應用軟件,其中Read NDEF 是灰色不可用,但Read Tag 可用。選擇讀取標簽選項,然后掃描第二個ST25TV02K標簽,證明小程序讀取我們的標簽數據。向下滾動屏幕,我們看到Magic Number是 0xE1,證明小程序正在掃描我們剛才配置的標簽。

  后臺或應用開發和Web服務器配置

  Xcode項目

  對于希望了解更多信息的開發人員,第一步是下載我們的iOS應用程序的源代碼(STSW-ST25IOS001) 。工程師只需在Apple IDE開發環境中打開下載的文件,即可開始研究我們的實現方法。首先要注意的是,在應用程序中充當小程序的代碼段是一個特定目標。為輔助開發者開發小程序,蘋果提供了專用的App Clip模板,小程序可以與Apple Pay配合使用,并可以用蘋果賬號登錄軟件。這個新系統還得益于一個特殊的通知和地理位置定位系統。此外,一個iOS軟件可以有多個App Clip。在Xcode中,開發人員應注意Signing & Capabilities 選項卡,并記住團隊名稱和捆綁標識。

  下一步是使用App Store Connect Web界面創建App Clip小程序。在此處,開發人員將上傳圖片,該圖片將顯示在iOS卡片上,吸引用戶啟動小程序。點擊Advanced App Clip Experience 將打開一個新菜單,設置指向小程序的URL地址。此外,開發人員還可以請求操作系統檢查移動設備的地理位置,商家可以選擇使用此功能將小程序與商鋪或特定地點關聯。

  服務器端

  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>

  文件名為 apple-app-site-association的文件是在網絡服務器的根文件夾(例如/ www)中必須存在的第二個重要文件。該文件僅列出下面的數組:

  “appclips” : {

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

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

  }



微信圖片_20210517164139.jpg

本站內容除特別聲明的原創文章之外,轉載內容只為傳遞更多信息,并不代表本網站贊同其觀點。轉載的所有的文章、圖片、音/視頻文件等資料的版權歸版權所有權人所有。本站采用的非本站原創文章及圖片等內容無法一一聯系確認版權者。如涉及作品內容、版權和其它問題,請及時通過電子郵件或電話通知我們,以便迅速采取適當措施,避免給雙方造成不必要的經濟損失。聯系電話:010-82306118;郵箱:aet@chinaaet.com。
亚洲一区二区欧美_亚洲丝袜一区_99re亚洲国产精品_日韩亚洲一区二区
欧美在线首页| 欧美日韩成人| 99国产精品久久久久老师 | 国产精品chinese| 欧美黄色aaaa| 牛夜精品久久久久久久99黑人| 欧美在线视频在线播放完整版免费观看| 中国亚洲黄色| 在线亚洲成人| 亚洲视频一区在线| 中文欧美字幕免费| 一区二区三区高清不卡| 99re6热只有精品免费观看 | 亚洲综合精品四区| 亚洲婷婷综合久久一本伊一区| 99re66热这里只有精品3直播| 亚洲乱码国产乱码精品精| 最新日韩av| 亚洲精品久久久蜜桃 | 日韩视频中文| 一个人看的www久久| 中文一区二区| 先锋影院在线亚洲| 久久成人在线| 久久综合五月天婷婷伊人| 免费欧美高清视频| 欧美好骚综合网| 欧美日韩蜜桃| 国产精品视频久久一区| 国产一区清纯| 亚洲成人在线免费| 日韩午夜剧场| 亚洲永久精品大片| 欧美在线视频全部完| 亚洲国产三级| 一本色道久久88精品综合| 亚洲一区二区三区四区五区黄| 亚洲一区www| 欧美亚洲日本国产| 久久欧美中文字幕| 亚洲网站在线观看| 午夜精品一区二区三区在线| 亚洲欧美影音先锋| 久久人91精品久久久久久不卡| 欧美成人中文字幕在线| 欧美视频一区二区三区…| 国产欧美一区二区三区沐欲| 激情综合色丁香一区二区| 亚洲第一中文字幕在线观看| 国产日韩一区在线| 亚洲日本免费| 中文在线资源观看网站视频免费不卡 | 国产视频一区欧美| 国产精品外国| 国产午夜精品一区理论片飘花| 国产视频久久久久| 在线观看成人av| 亚洲激情在线激情| 一本不卡影院| 香蕉国产精品偷在线观看不卡| 欧美一区在线看| 亚洲国产一二三| 亚洲美女视频| 亚洲女同精品视频| 久久久久一本一区二区青青蜜月| 久久亚洲精品网站| 欧美另类视频在线| 久久国产精品黑丝| 欧美高清不卡| 国产精品毛片a∨一区二区三区|国| 国产区精品在线观看| 一区在线免费观看| 亚洲精品一区二区在线观看| 亚洲少妇中出一区| 久久精品国产第一区二区三区| 99精品国产高清一区二区| 亚洲综合首页| 狂野欧美一区| 欧美午夜精品久久久久久人妖 | 久久精品一区二区国产| 欧美成人综合| 国产精品日本欧美一区二区三区| 国产曰批免费观看久久久| 91久久精品国产91性色| 亚洲主播在线观看| 亚洲精品久久久久久下一站 | 亚洲欧洲综合| 亚洲欧美日韩一区二区三区在线观看| 久久久久久久久久久久久女国产乱| 欧美国产精品专区| 国产麻豆一精品一av一免费| 亚洲国产精品一区二区第一页 | 亚洲国产综合在线| 亚洲一区二区在线看| 久久午夜电影| 欧美午夜宅男影院| 影音先锋久久资源网| 一区二区欧美在线| 亚洲激情网站| 欧美一级免费视频| 欧美日韩免费一区二区三区视频| 国内免费精品永久在线视频| 一本色道**综合亚洲精品蜜桃冫| 久久精品欧洲| 亚洲欧美日韩天堂| 欧美精品色网| 激情久久综合| 亚洲女爱视频在线| 亚洲桃花岛网站| 欧美成人嫩草网站| 国产有码一区二区| 亚洲一区二区不卡免费| 日韩一级黄色片| 麻豆av一区二区三区久久| 国产精品一区二区你懂的| 亚洲国产另类 国产精品国产免费| 亚洲欧美日韩视频二区| 在线一区视频| 欧美激情中文字幕乱码免费| 韩国在线一区| 亚洲欧美综合v| 一区二区激情小说| 欧美日韩在线看| 亚洲日本成人在线观看| 亚洲国产午夜| 久久综合九色九九| 国产一区二区精品久久| 亚洲一区二区三区色| 亚洲午夜伦理| 欧美日韩在线播放| 国产欧美日韩三级| 欧美一区二粉嫩精品国产一线天| 亚洲欧美春色| 国产精品v片在线观看不卡 | 亚洲国产婷婷综合在线精品 | 亚洲欧美日本在线| 国产精品www色诱视频| 日韩一级片网址| 一级成人国产| 欧美日本一道本在线视频| 亚洲国产欧美国产综合一区 | 欧美在线关看| 先锋影音国产一区| 国产精品美女| 亚洲一区二区毛片| 亚洲欧美日韩天堂| 国产精品日日摸夜夜摸av| 亚洲午夜精品网| 午夜精品视频在线观看| 国产女主播一区二区三区| 亚洲在线一区| 欧美在线不卡| 国产精品99一区二区| 亚洲欧洲精品一区| av成人国产| 欧美调教vk| 亚洲一区二区精品在线观看| 亚洲欧美视频在线观看视频| 国产精品亚洲人在线观看| 亚洲女同同性videoxma| 久久精品国产99国产精品澳门| 国产精品毛片高清在线完整版| 亚洲欧洲精品天堂一级| 亚洲日本欧美| 欧美日韩中文另类| 亚洲午夜精品视频| 久久高清免费观看| 好看的日韩视频| 亚洲三级影院| 欧美日韩中文字幕在线| 亚洲一区二区三区视频播放| 久久国产乱子精品免费女| 欧美日本在线看| 亚洲视频自拍偷拍| 久久久91精品国产一区二区三区| 一区二区三区无毛| 99在线精品免费视频九九视| 欧美性色aⅴ视频一区日韩精品| 亚洲午夜在线观看| 久久精品中文字幕免费mv| 精品不卡一区| 亚洲视频欧洲视频| 国产亚洲精品久| 亚洲欧洲一区二区在线播放| 欧美深夜福利| 欧美亚洲一区在线| 欧美多人爱爱视频网站| 99精品欧美| 久久久精品tv| 亚洲丁香婷深爱综合| 在线视频精品一区| 国产欧美日韩亚洲| 亚洲视频在线免费观看| 久久久国产精品一区二区三区| 亚洲第一主播视频| 性欧美精品高清| 亚洲东热激情| 欧美伊久线香蕉线新在线| 亚洲第一福利社区| 夜夜嗨一区二区三区|