Сьогодні у компаній є новий спосіб взаємодії з клієнтами – App Clip і теги NFC. Ця функція дозволяє користувачам запускати невеликі програми в операційній системі телефону без необхідності відвідувати магазин програм для завантаження та встановлення програмного забезпечення. Невеликі програми просто виводять інформацію на екран, функція, яка створює можливості для розвитку нових відносин із клієнтами. Наприклад, кав’ярні можуть пропонувати корисніші картки постійного клієнта, а роздрібні торговці можуть зробити віртуальні гаманці зручнішими. Продавці можуть запускати аплет декількома способами, одним із яких є тег NFC, який вказує на URL-адресу. Коли iPhone користувача знаходиться біля мітки, телефон автоматично знаходить URL-адресу та запускає аплет. Принцип простий, а вартість невисока. Давайте розглянемо, що потрібно підприємствам для використання аплетів.
Що таке додаток-кліп? App Clip описується як «полегшена версія мобільних додатків». Це невелике програмне забезпечення містить менше 10 МБ попередньо стисненого двійкового коду та в основному забезпечує невелику частину функціональності програми. Наприклад, повна програма кав’ярні може надавати каталог її кав’ярень, останні акції, рейтинг продажів і картки постійного клієнта, але аплет App Clip показує лише картки постійного клієнта. Ці функції забезпечують миттєвий досвід для користувачів, навіть коли швидкість мобільного Інтернету низька. Користувачі також можуть отримати просту та швидку роботу. Запуск міні-програми через телефон біля мітки NFC може зменшити багато перешкод у використанні, відкривши двері для цифрової взаємодії для нових клієнтів, які менше знайомі з мобільними додатками. Ось погляд на досвід розробника додатків для iOS від ST Вінсента Латорре у розробці невеликих програм.
App Clip: конфігурація клієнта або NFC
1. Підготуйте пакет ST25-TAG-BAG-U
У комплект тегів ST25-TAG-BAG-U входять: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Найпростіша частина всього процесу конфігурації — це створити тег NFC і записати URL-адресу аплету всередині тегу. Процес такий же простий, як створення робочої демонстрації без написання жодного рядка коду. У демонстраційних цілях ми будемо використовувати два теги NFC ST25TV02K, один для зберігання URL-адреси аплету, а інший як доказ концепції для пояснення функціональних контейнерів, які можна зберігати або кешувати в операційній системі.
Якщо ви хочете розробити презентацію на основі аплету App Clip, друга вкладка не потрібна, розробник може просто використати першу вкладку. Але замість того, щоб показати вам екран, ми хочемо скористатися цією можливістю, щоб показати вам, як записувати блоки пам’яті, і надати конкретні докази того, що аплет ST дійсно працює. Обидві ці бирки є маленькими круглими бірками в комплекті ST25-TAG-BAG-U. Користувачі повинні зайти в App Store і завантажити нашу програму NFC Tap, щоб читати та писати теги.
Напишіть URL
Виймаємо першу бирку ST25TV02K. Наступна демонстрація передбачає, що мітка порожня. Першим кроком є вибір «Прочитати тег» на головному екрані, потім піднесіть телефон до тегу, і на екрані з’явиться повідомлення ST25TV02K. Далі клацніть у нижньому правому куті екрана… піктограму, потім виберіть опцію «Редактор вмісту областей» і, нарешті, відскануйте мітку телефоном. Якщо це порожня мітка, з’явиться діалогове вікно з розміром пам’яті (наприклад, 256 байт) і повідомленням No NDEF.
Перш ніж написати повідомлення NDEF, користувач повинен клацнути діалогове вікно з написом «Немає повідомлення NDEF», і на екрані з’явиться біле поле та синя стрілка. Проведіть біле поле ліворуч, і з’явиться меню з параметрами «Додати», «Редагувати», «Вставити» та «Виконати». Після вибору Додати,
1. Виберіть NdefUriRecord
2. https://www.myst25.com/clip. Обов’язково виберіть https, інакше аплет не відобразиться одразу.
3. Натисніть кнопку Перевірити та напишіть мітку
Дізнайтеся про функціональні контейнери
Другий ST25TV02K є нашим тестовим тегом, і ми також можемо використовувати його, щоб дізнатися про підтримку NDEF у тегах Type-5. Ця демонстрація доводить, що аплет ST читає мітки, а не показує екран телефону. Щоб зробити демонстрацію цікавішою, ми дотримуватимемося підходу, описаного в наших примітках до програми щодо керування NDEF. Насправді, у цій статті пояснювалося, як налаштувати тег ST25TV на тег NFC типу 5, який підтримує повідомлення NDEF, коротше кажучи, записати дійсний функціональний контейнер (CC) у перший блок пам’яті. Ця стаття пояснює користувачеві процес налаштування, і ми можемо записати чотири байти CC: E1 40 20 01h безпосередньо в перший блок пам’яті в ST25TV02K.
Напишіть тестовий тег
Перш ніж виконувати операцію запису тегів, відкрийте програму NFC Tap iOS і
1. Виберіть Read Tag і відскануйте другий тег ST25TV02K
2. Перевірте розділ файлу CC, щоб переконатися, що мітка порожня. Якщо магічне число дорівнює 0x00, тег не містить жодної інформації.
Тепер активуємо підтримку передачі повідомлень NDEF і пишемо невелике повідомлення.
1. Виберіть «Більше» внизу екрана, а потім виберіть «Редактор вмісту областей». Після цього програмне забезпечення попросить вас сканувати тег і знайти 256-байтову область для запису без вмісту.
2. Натисніть Область 1
3. На екрані з’являється повідомлення No NDEF Record. Проведіть пальцем по діалоговому вікну ліворуч і з’явиться меню, виберіть Додати.
4. Натисніть NdefTextRecord, очистіть наявний текст і введіть Hello World!
5. Натисніть кнопку Перевірити, потім розташуйте телефон біля мітки та напишіть повідомлення NDEF.
Перевірте App Clip
Невеликі програми з’являються лише тоді, коли на телефоні не встановлено повне програмне забезпечення. Тому перед скануванням першого тегу ST25TV02K з URL-адресою аплету необхідно видалити програмне забезпечення NFC Tap, якщо воно встановлено. Коли телефон виявляє першу вкладку, він відображає картку аплету на сенсорному екрані, запитуючи користувача, чи хоче він відкрити аплет чи завантажити програму з магазину програм. Якщо відкрити аплет, відобразиться скорочена версія програми NFC Tap, де Read NDEF сірий і недоступний, але Read Tag доступний. Виберіть опцію Read tag, а потім відскануйте другий тег ST25TV02K, щоб підтвердити, що аплет зчитує наші дані тегу. Прокручуючи екран вниз, ми бачимо, що магічне число 0xE1, доводячи, що аплет сканує мітку, яку ми щойно налаштували.
Фонова розробка або розробка програм і конфігурація веб-сервера
Для розробників, які бажають дізнатися більше, перш за все завантажте вихідний код нашої програми для iOS (STSW-ST25IOS001). Інженери можуть просто відкрити завантажений файл у середовищі розробки Apple IDE і почати працювати над нашим підходом до впровадження. Перше, що слід зазначити, це те, що фрагмент коду, який діє як невелика програма в додатку, є конкретною ціллю. Щоб допомогти розробникам розробляти невеликі програми, Apple надає спеціальний шаблон App Clip, невеликі програми можна використовувати з Apple Pay, і ви можете увійти в програмне забезпечення за допомогою свого облікового запису Apple. Нова система також має переваги спеціальної системи сповіщень і геолокації. Крім того, одне програмне забезпечення iOS може мати кілька кліпів App. У Xcode розробникам слід звернути увагу на вкладку Signing & Capabilities і запам’ятати назву команди та ідентифікатор пакета.
Наступним кроком є створення аплету App Clip за допомогою веб-інтерфейсу App Store Connect. Тут розробник завантажить зображення, яке відображатиметься на картці iOS, спонукаючи користувача запустити аплет. Натисніть Advanced App Clip
Experience відкриє нове меню та встановить URL-адресу, яка вказуватиме на аплет. Крім того, розробники можуть попросити операційну систему перевірити геолокацію мобільного пристрою, а торговці можуть використовувати цю функцію, щоб пов’язати аплет з магазином або певним місцем.
Сторона сервера
Конфігурація веб-сервера дуже проста. Наприклад, у Xcode та App Store Connect, визначеному в URL-адресі, http://www.myst25.com/clip має бути індекс. Файл HTML і мета-теги повинні містити ідентифікатор програми та ідентифікатор невеликого пакета програм. Як показано нижче, тіло файлу може бути порожнім, а найважливішим місцем є сам метатег.
Файл під назвою apple-app-site-association є другим важливим файлом, який повинен існувати в кореневій папці веб-сервера, наприклад /www. У файлі перераховані лише такі масиви:
“appclips” : {
“apps”: [“TEAM_NAME.BUNDLE_ID (наприклад, UL3MK8FNMR.com.st.st25ncf.clip)”],
“шляхи”: [“ПРИЗНАЧЕННЯ (наприклад, шлях/*)”]