NFC 태그를 트리거로 사용하여 iOS 애플리케이션용 App Clip을 설정하는 방법을 알아보세요. 더 나은 사용자 경험을 환영합니다.
당신은 목적 앱 클립
비즈니스는 앱 클립 및 NFC 태그의 형태로 고객과 상호작용할 수 있는 새로운 방법을 제공합니다.. 이 기능을 통해 사용자는 앱 스토어를 통하지 않고 모바일 운영 체제에서 작은 앱을 실행할 수 있습니다. 작은 소프트웨어가 화면에 “팝업”되어 새로운 고객 관계 도구의 문이 열립니다. 예를 들어, 커피숍은 보다 실용적인 보상 카드를 제공할 수 있고 소매업체는 가상 지갑을 보다 쉽게 액세스할 수 있도록 만들 수 있습니다. 기업은 여러 가지 방법으로 앱 클립을 트리거할 수 있으며 그 중 하나는 URL을 가리키는 NFC 태그입니다. 사용자가 iPhone을 태그에 가까이 가져가면 스마트폰이 자동으로 URL을 감지하고 App Clip을 실행합니다. 메커니즘이 간단하고 결과적으로 매우 비용 효율적입니다. 따라서 기업에서 App Clip을 사용하는 데 무엇이 필요한지 살펴보겠습니다.
App Clip이란 무엇입니까?
Apple은 < span rel="noopener" target="_blank" title="앱 클립에 적합한 기능 선택하기 | Apple 개발자 문서">앱 클립을 “[an] 앱의 경량 버전”으로. 압축되지 않은 바이너리는 10MB 미만을 사용하며 주로 앱의 작은 하위 집합에 중점을 둡니다. 예를 들어, 카페의 전체 애플리케이션은 상점 디렉토리, 예정된 이벤트 목록, 판매 목록 및 보상 카드를 제공할 수 있지만 앱 클립은 후자만 표시합니다. 이러한 제한 사항은 저속 셀룰러 연결에서도 사용자 경험이 즉각적임을 보장합니다. 사용자 경험도 간단합니다. 전화를 NFC 태그로 가져와 앱 클립을 트리거하면 마찰이 줄어들고 모바일 앱에 익숙하지 않은 신규 고객에게 디지털 상호 작용이 열립니다. 따라서 ST의 iOS 앱 개발자 중 한 명인 Vincent Latorre와 함께 그의 App Clip 경험을 공유했습니다.
App Clip: 클라이언트 측 또는 NFC 구성
1. ST25-TAG-BAG-U 가져오기
이 전체 프로세스의 가장 쉬운 측면은 다음을 수행할 URL을 가리키도록 NFC 태그를 설정하는 것입니다. 그런 다음 앱 클립을 가리킵니다. 프로세스가 너무 간단하여 코드를 한 줄도 작성하지 않고도 작동하는 데모를 설정할 수 있습니다. 이 데모를 위해 13.56MHz에서 2개의 ST25TV02K NFC 태그. 하나는 앱 클립을 가리키는 URL을 보유하고 두 번째 태그는 캐시 가능한 기능 컨테이너에 대해 가르치는 개념 증명 역할을 합니다.
데모에만 초점을 맞추는 것입니다. App Clip, 두 번째 태그는 필요하지 않으며 개발자는 첫 번째 태그에만 집중할 수 있습니다. 그러나 우리는 이 기회를 활용하여 메모리 블록을 쓰는 것을 보여주고 ST의 앱 클립이 더미 화면을 표시하는 것이 아니라 실제로 제 역할을 하고 있다는 구체적인 증거를 제시하고 싶었습니다. 두 태그 모두 ST25-TAG-BAG-U 키트. 마지막으로 사용자는 App Store에서 NFC Tap 앱을 다운로드하여 글을 작성해야 합니다. 태그.
URL 작성
첫 번째 ST25TV02K를 살펴보겠습니다. 다음 데모는 태그가 비어 있다는 가정 하에 작동합니다. 첫 번째 단계는 메인 화면에서 Read Tag를 선택하고 휴대폰을 태그 가까이에 놓는 것입니다. ST25TV02K에 대한 정보를 보여주는 화면이 나타납니다. 다음 단계는 화면 오른쪽 하단의 ...를 선택하고 Areas Content Editor를 선택한 다음 태그를 스캔하는 것입니다. 태그가 비어 있으면 메모리 크기(예: 256바이트)와 NDEF 메시지 없음이라는 상자가 나타납니다.
NDEF를 작성하려면 메시지가 표시되면 사용자는 NDEF 메시지 없음이라는 블로그를 탭하기만 하면 됩니다. 파란색 화살표가 있는 흰색 상자를 보여주는 새 패널이 나타납니다. 해당 상자를 왼쪽으로 스와이프하면 추가, 편집, 삽입 및 Exec 옵션이 있는 메뉴가 나타납니다. 추가
- 선택 후
NdefUriRecord - URL 입력
https //www.myst25.com/clip. https를 선택하지 않으면 앱 클립이 바로 표시되지 않습니다. 검증및 태그 작성
기능 컨테이너에 대해 알아보기
두 번째 ST25TV02K는 테스트 주제이자 Type-5 태그의 NDEF 지원에 대해 자세히 알아볼 수 있는 방법입니다. 이 데모는 ST의 앱 클립이 단순히 화면을 표시하는 것이 아니라 태그를 읽고 있음을 보여줍니다. 그리고 좀 더 흥미롭게 만들기 위해 NDEF 관리에 대한 애플리케이션 노트에서 힌트를 얻었습니다. 실제로 이 문서는 NDEF 메시지를 지원하는 NFC Type-5 태그로 작동하도록 ST25TV 태그를 구성하는 방법을 보여줍니다. 간단히 말해서 첫 번째 메모리 블록에 유효한 기능 컨테이너(CC)를 작성하기만 하면 됩니다. 이 문서는 사용자에게 설정을 안내하지만 예를 들어 ST25TV02K의 첫 번째 메모리 블록을 다음 4바이트 CC로 작성할 수 있습니다. E1 40 20 01h.
테스트 태그 작성
이 작업을 수행하려면 NFC Tap iOS 앱을 연 다음
< ol>
0x00이면 아직 정보가 포함되어 있지 않은 것입니다.이제 NDEF 메시징 지원을 활성화하고 작은 메시지를 작성하세요.
- 화면 하단에서
더보기를 선택한 다음영역 콘텐츠 편집기를 선택하세요. 앱에서 태그를 스캔한 다음 256바이트의 쓰기 가능한 영역에 콘텐츠가 없는지 확인하도록 요청합니다. 영역 1- A를 탭합니다.
No NDEF Record가 없다고 징징거리는 새 화면이 나타납니다. 이 메시지를 왼쪽으로 스와이프하여 메뉴를 표시한 다음추가를 선택합니다. NdefTextRecord를 탭하고 기존 텍스트를 지우고Hello World!확인을 누르고 전화를 태그로 내려 NDEF 메시지를 작성합니다.
Test App Clip
App Clip은 전체 애플리케이션이 전화기에 없는 경우에만 표시됩니다. 따라서 AppClip의 URL을 수신한 첫 번째 ST25TV02K를 스캔하기 전에 NFC Tap이 설치된 경우 이를 삭제하는 것이 필수적입니다. 전화기가 첫 번째 태그를 감지하는 즉시 AppClip 카드를 표시하여 사용자가 AppClip을 열 것인지 또는 App Store에서 앱을 다운로드할 것인지 묻습니다. 앱 클립을 열면 Read NDEF가 회색으로 표시되지만 Read Tag는 사용할 수 있는 NFC Tap 앱의 축소된 버전이 표시됩니다. 두 번째 ST25TV02K를 읽기 위해 이 옵션을 선택하면 앱 클립이 태그에서 데이터를 가져옴을 알 수 있습니다. 아래로 스크롤하면 0xE1 Magic number가 표시되며, 이는 App Clip이 방금 구성한 태그를 스캔하고 있음을 보여줍니다.
App Clip: The Backend 또는 앱 개발 및 웹 서버 구성
Xcode 프로젝트
자세히 알아보려는 개발자를 위한 첫 번째 단계는 iOS를 다운로드하는 것입니다. 애플리케이션의 소스 코드(STSW-ST25IOS001의 애플리케이션 실행 파일). 엔지니어는 구현 연구를 시작하기 위해 Apple IDE에서 파일을 열기만 하면 됩니다. 가장 먼저 주목해야 할 점은 앱에서 앱 클립 역할을 하는 부분이 특정 대상이라는 것입니다. Apple은 개발자를 지원하기 위해 전용 App Clip 템플릿을 제공하며 작은 앱은 Apple Pay와 함께 작동하고 Apple로 로그인할 수 있습니다. 이 새로운 시스템은 또한 특별 알림 및 지리적 위치 시스템의 이점을 제공합니다. 또한 하나의 iOS 소프트웨어에 대해 여러 개의 앱 클립을 가질 수 있습니다. Xcode 내에서 개발자는 Signing & 기능 탭. 실제로 팀 이름과 번들 식별자를 기억해야 합니다.
다음 단계는 App Store Connect 웹 인터페이스
를 사용하여 App Clip을 설정하는 것입니다. 강하다>. 여기에서 개발자가 iOS 카드에 표시될 사진을 업로드하여 사용자가 앱 클립을 시작하도록 초대합니다. 고급 앱 클립 경험을 클릭하면 앱 클립을 가리키는 URL을 설정할 수 있는 새 메뉴가 열립니다. 또한 개발자는 운영 체제가 모바일 장치의 지리적 위치를 확인하도록 요청할 수 있습니다. 기업은 이 기능을 사용하여 앱 클립을 상점이나 특정 장소와 연결하도록 선택할 수 있습니다.
서버 측
웹 서버 구성은 매우 간단합니다. Xcode 및 App Store Connect 내에 정의된 URL(예: http://www.myst25.com/clip)에서 개발자는 다음이 포함된 index.html 파일이 있어야 합니다. 앱의 ID와 번들 ID가 포함된 메타 태그입니다. 아래에서 볼 수 있듯이 본체는 비어 있을 수 있습니다. 중요한 것은 메타 태그 자체입니다.
<html>
<머리>
<메타 이름="apple-itunes-app" content="app-id=THEAPPID, app-clip-bundle-id=THEAPPBUNDLEID">
</머리>
<바디>
</바디>
</html>
웹 서버의 루트 폴더(예: /www)에 있어야 하는 두 번째 중요한 파일은 apple-app-site-association이라는 파일입니다. 파일은 단순히 다음 배열을 나열합니다.
"appclips" : {
"앱": ["TEAM_NAME.BUNDLE_ID(예: UL3MK8FNMR.com.st.st25ncf.clip)"],
"경로": ["목적지(예: 경로/*)"]
}
관련
주제와 관련된 추가 정보 보기 앱 클립
Day 2 at WWDC 2020: Take a deep dive into WidgetKit and App Clips – Apple
- 저자: Apple
- 게시일: 2020-06-24
- 평점: 4 ⭐ ( 3636 평점 )
- 검색 결과 일치: Tuesday’s come and gone, but we’ve got you covered.
We learned all about WidgetKit, a tool that helps you build personal, relevant, glanceable interactions; the App Clip, a small part of your app that’s discoverable the moment it’s needed; new features and enhancements in iPadOS 14 that help create amazing experiences; and so much more. Check out the best of the sessions released today and find out what’s coming next.
Explore the latest for iOS, iPadOS, watchOS, tvOS, macOS, and more: https://developer.apple.com
Music: Tkay Maidza “Shook (Instrumental)”
https://apple.co/shook
App Store에서 제공하는 FlipaClip – 프레임 별 애니메이션 스튜디오
- 저자: apps.apple.com
- 평점: 4 ⭐ ( 7798 평점 )
- 검색 결과 일치: FlipaClip – 프레임 별 애니메이션 스튜디오의 리뷰를 읽고 고객 평점을 비교할 수 있습니다. 스크린샷을 보고 자세한 내용을 확인해 보세요. FlipaClip – 프레임 별 애니메이션 스튜디오 항목을 다운로드하고 iPhone, iPad 및 iPod touch에서 즐겨보세요.
Apps on Google Play
- 저자: play.google.com
- 평점: 3 ⭐ ( 8498 평점 )
- 검색 결과 일치: Republic of Korea representative available mobile electronic wallet without any carrier
JK의 정보 블로그 :: iOS 14 앱 클립(App Clips)과 앱 클립 코드 내용 정리
- 저자: hikkumuri.tistory.com
- 평점: 4 ⭐ ( 2473 평점 )
- 검색 결과 일치: 애플은 WWDC 2020에서 iOS 14를 발표하면서 앱 클립(App Clips)과 앱 클립 코드에 대해 소개했습니다. 현재 공개된 내용을 기반으로 앱클립과 앱 클립 코드에 대한 내용을 정리했습니다. 앱 클립은 ‘앱 클립 코드..
무료 상호 작용개 아이콘
- 저자: www.flaticon.com
- 평점: 4 ⭐ ( 2404 평점 )
- 검색 결과 일치: 무료 벡터 아이콘. SVG, PSD, PNG, EPS 형식 또는 아이콘 폰트 형태로 상호 작용 수천 가지의 무료아이콘을 다운로드하세요
Apple Developer
- 저자: developer.apple.com
- 평점: 3 ⭐ ( 8061 평점 )
- 검색 결과 일치:
App Clip(앱 클립)이 무엇인지, 어떻게 동작하는지 알아봅니다
- 저자: blog.branch.io
- 평점: 5 ⭐ ( 6954 평점 )
- 검색 결과 일치: App Clip(앱 클립)을 적용하면 유저가 앱을 다운로드하지 않고도 간이 버전의 앱을 사용해 볼 수 있습니다. App Clip의 장점과 단점은…
이 카테고리의 더 많은 기사 보기: 컴퓨터 팁