오늘날 기업은 고객과 상호 작용하는 새로운 방법인 App Clip과 NFC 태그를 보유하고 있습니다. 이 기능을 사용하면 사용자는 앱 스토어에 가서 소프트웨어를 다운로드하고 설치하지 않고도 휴대폰 운영 체제에서 작은 프로그램을 실행할 수 있습니다. 작은 프로그램은 단순히 화면에 정보를 팝업으로 표시하는데, 이 기능은 새로운 고객 관계를 구축할 수 있는 기회를 만듭니다. 예를 들어, 커피숍은 더 유용한 로열티 카드를 제공할 수 있고, 소매업체는 가상 지갑을 더 사용하기 쉽게 만들 수 있습니다. 상인은 여러 가지 방법으로 애플릿을 트리거할 수 있으며, 그 중 하나는 URL 주소를 가리키는 NFC 태그입니다. 사용자의 iPhone이 레이블 근처에 있으면 휴대폰이 자동으로 URL을 찾아 애플릿을 실행합니다. 원리는 간단하고 비용도 저렴합니다. 기업이 애플릿을 사용하는 데 필요한 사항을 살펴보겠습니다.
앱 클립이란? 앱 클립은 "모바일 앱의 가벼운 버전"으로 설명됩니다. 이 작은 소프트웨어는 10MB 미만의 사전 압축된 바이너리 코드를 포함하고 있으며 주로 애플리케이션 기능의 작은 부분을 제공합니다. 예를 들어, 커피 회사의 전체 앱은 커피숍 디렉토리, 최근 프로모션, 판매 순위 및 로열티 카드를 제공할 수 있지만 앱 클립 애플릿은 로열티 카드만 표시합니다. 이러한 기능은 모바일 인터넷 속도가 느릴 때에도 사용자에게 즉각적인 경험을 보장합니다. 사용자는 또한 간단하고 빠른 사용자 경험을 얻을 수 있습니다. NFC 태그 근처의 휴대폰을 통해 미니 프로그램을 실행하면 사용에 대한 많은 장벽을 줄여 모바일 앱에 익숙하지 않은 신규 고객에게 디지털 상호 작용의 문을 열 수 있습니다. ST의 iOS 앱 개발자 빈센트 라토레의 소규모 프로그램 개발 경험을 살펴보겠습니다.
앱 클립: 클라이언트 또는 NFC 구성
1. ST25-TAG-BAG-U 패키지를 준비하세요
ST25-TAG-BAG-U 태그 키트에는 다음이 포함됩니다: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
전체 구성 프로세스에서 가장 쉬운 부분은 NFC 태그를 만들고 태그 내부에 애플릿의 URL을 쓰는 것입니다. 이 프로세스는 코드 한 줄도 작성하지 않고 작동하는 데모를 만드는 것만큼 간단합니다. 데모 목적으로 두 개의 ST25TV02K NFC 태그를 사용합니다. 하나는 애플릿의 URL 주소를 보관하고 다른 하나는 운영 체제에 저장되거나 캐시될 수 있는 기능적 컨테이너를 설명하는 개념 증명으로 사용합니다.
App Clip 애플릿을 기반으로 프레젠테이션을 개발하려는 경우 두 번째 TAB은 필요하지 않으며 개발자는 첫 번째 TAB만 사용하면 됩니다. 하지만 화면을 보여주는 대신 이 기회에 메모리 블록을 쓰는 방법을 보여드리고 ST 애플릿이 실제로 작동한다는 구체적인 증거를 제공하고자 합니다. 이 두 태그는 모두 ST25-TAG-BAG-U 키트의 작은 원형 태그입니다. 사용자는 App Store로 가서 NFC Tap 앱을 다운로드하여 태그를 읽고 써야 합니다.
URL을 쓰세요
첫 번째 ST25TV02K 태그를 꺼냅니다. 다음 데모에서는 레이블이 비어 있다고 가정합니다. 첫 번째 단계는 홈 화면에서 태그 읽기를 선택한 다음, 휴대전화를 태그에 가까이 대면 ST25TV02K 메시지가 화면에 나타납니다. 그런 다음 화면 오른쪽 하단의… 아이콘을 클릭한 다음, Areas Content Editor 옵션을 선택하고 마지막으로 휴대전화로 레이블을 스캔합니다. 레이블이 비어 있으면 메모리 크기(예: 256바이트)와 No NDEF 메시지가 있는 대화 상자가 나타납니다.
NDEF 메시지를 작성하기 전에 사용자는 No NDEF message라는 대화 상자를 클릭해야 하며, 화면에 흰색 상자와 파란색 화살표가 나타납니다. 흰색 상자를 왼쪽으로 스와이프하면 Add, Edit, Insert, Exec 옵션이 있는 메뉴가 나타납니다. Add를 선택한 후,
1. NdefUriRecord를 선택하세요
2. https://www.myst25.com/clip. 반드시 https를 선택하세요. 그렇지 않으면 애플릿이 즉시 표시되지 않습니다.
3. 검증 버튼을 눌러 라벨을 작성합니다.
기능적 컨테이너에 대해 알아보세요
두 번째 ST25TV02K는 테스트 태그이며, Type-5 태그에서 NDEF 지원에 대해 알아보는 데 사용할 수도 있습니다. 이 데모는 ST 애플릿이 전화 화면을 보여주는 것이 아니라 레이블을 읽는다는 것을 증명합니다. 데모를 더 흥미롭게 만들기 위해 NDEF 관리에 대한 애플리케이션 노트의 접근 방식을 따르겠습니다. 사실, 그 문서에서는 ST25TV 태그를 NDEF 메시지를 지원하는 NFC Type-5 태그로 구성하는 방법, 즉 첫 번째 저장소 블록에 유효한 함수 컨테이너(CC)를 쓰는 방법을 설명했습니다. 그 문서에서는 사용자에게 설정 프로세스를 설명하고, ST25TV02K의 첫 번째 저장소 블록에 4바이트 CC: E1 40 20 01h를 직접 쓸 수 있습니다.
테스트 태그 작성
태그 쓰기 작업을 수행하기 전에 NFC Tap iOS 앱을 열고
1. 태그 읽기를 선택하고 두 번째 ST25TV02K 태그를 스캔합니다.
2. CC 파일 섹션을 확인하여 레이블이 비어 있는지 확인합니다. 매직 넘버가 0x00이면 태그에 정보가 없습니다.
이제 NDEF 메시지 전송 지원을 활성화하고 작은 메시지를 작성해 보겠습니다.
1. 화면 하단에서 자세히를 선택한 다음 영역 콘텐츠 편집기를 선택합니다. 그러면 소프트웨어에서 태그를 스캔하여 콘텐츠가 없는 256바이트 쓰기 가능 영역을 찾도록 요청합니다.
2. Area 1을 클릭하세요
3. No NDEF Record 메시지가 화면에 나타납니다. 대화 상자를 왼쪽으로 스와이프하면 메뉴가 나타나고 Add를 선택합니다.
4. NdefTextRecord를 클릭하고 기존 텍스트를 지우고 Hello World!를 입력합니다.
5. 확인 버튼을 누른 후 휴대폰을 라벨 근처에 두고 NDEF 메시지를 작성합니다.
앱 클립 테스트
작은 프로그램은 전체 애플리케이션 소프트웨어가 전화기에 설치되지 않은 경우에만 팝업됩니다. 따라서 애플릿의 URL 주소로 첫 번째 ST25TV02K 태그를 스캔하기 전에 NFC Tap 소프트웨어가 설치되어 있으면 제거해야 합니다. 전화기가 첫 번째 TAB을 감지하면 터치 스크린에 애플릿 카드가 표시되어 사용자에게 애플릿을 열 것인지 아니면 앱 스토어에서 앱을 다운로드할 것인지 묻습니다. 애플릿을 열면 NFC Tap 애플리케이션의 축소된 버전이 표시되고, 여기서 Read NDEF는 회색이고 사용할 수 없지만 Read Tag는 사용할 수 있습니다. Read tag 옵션을 선택한 다음 두 번째 ST25TV02K 태그를 스캔하여 애플릿이 태그 데이터를 읽는지 확인합니다. 화면을 아래로 스크롤하면 Magic Number가 0xE1인 것을 확인할 수 있으며, 이는 애플릿이 방금 구성한 레이블을 스캔하고 있음을 증명합니다.
배경 또는 애플리케이션 개발 및 웹 서버 구성
더 자세히 알아보고자 하는 개발자의 경우 첫 번째 단계는 iOS 애플리케이션(STSW-ST25IOS001)의 소스 코드를 다운로드하는 것입니다. 엔지니어는 Apple IDE 개발 환경에서 다운로드한 파일을 열고 구현 방식 작업을 시작할 수 있습니다. 가장 먼저 알아두어야 할 점은 애플리케이션에서 작은 프로그램 역할을 하는 코드 조각이 특정 대상이라는 것입니다. 개발자가 작은 프로그램을 개발할 수 있도록 Apple은 전용 App Clip 템플릿을 제공하며, 작은 프로그램은 Apple Pay와 함께 사용할 수 있으며 Apple 계정으로 소프트웨어에 로그인할 수 있습니다. 새로운 시스템은 또한 특별한 알림 및 지리적 위치 시스템의 이점을 얻습니다. 또한 하나의 iOS 소프트웨어에 여러 개의 App 클립이 있을 수 있습니다. Xcode에서 개발자는 Signing & Capabilities TAB에 주의를 기울이고 팀 이름과 번들 식별자를 기억해야 합니다.
다음 단계는 App Store Connect 웹 인터페이스를 사용하여 App Clip 애플릿을 만드는 것입니다. 여기서 개발자는 iOS 카드에 표시될 사진을 업로드하여 사용자가 애플릿을 실행하도록 유도합니다. 고급 앱 클립을 클릭합니다.
Experience는 새 메뉴를 열고 URL을 애플릿을 가리키도록 설정합니다. 또한 개발자는 운영 체제에 모바일 기기의 지리적 위치를 확인하도록 요청할 수 있으며, 판매자는 이 기능을 사용하여 애플릿을 매장이나 특정 위치와 연관시킬 수 있습니다.
서버 측
웹 서버 구성은 매우 간단합니다. Xcode와 App Store Connect에서 URL에 정의된 http://www.myst25.com/clip에는 인덱스가 있어야 합니다. HTML 파일과 메타 태그에는 애플리케이션 ID와 작은 애플리케이션 번들 ID가 포함되어야 합니다. 아래에 표시된 대로 파일 본문은 비워둘 수 있으며 가장 중요한 위치는 메타 태그 자체입니다.
apple-app-site-association이라는 파일은 웹 서버의 루트 폴더(예: /www)에 있어야 하는 두 번째 중요한 파일입니다. 이 파일은 다음 배열만 나열합니다.
“앱클립” : {
“앱”: [“TEAM_NAME.BUNDLE_ID (예: UL3MK8FNMR.com.st.st25ncf.clip)”],
“경로”: [“대상(예: 경로/*)”]
