Cara mengembangkan applet iOS dan memicunya dengan tag NFC

Saat ini, bisnis memiliki cara baru untuk berinteraksi dengan pelanggan – App Clip dan tag NFC. Fitur ini memungkinkan pengguna untuk menjalankan program kecil pada sistem operasi ponsel tanpa harus membuka toko aplikasi untuk mengunduh dan memasang perangkat lunak. Program kecil cukup memunculkan informasi di layar, fitur yang menciptakan peluang untuk mengembangkan hubungan pelanggan baru. Misalnya, kedai kopi dapat menawarkan kartu loyalitas yang lebih bermanfaat, dan pengecer dapat membuat dompet virtual lebih mudah digunakan. Pedagang dapat memicu applet dengan beberapa cara, salah satunya adalah tag NFC yang mengarah ke alamat URL. Saat iPhone pengguna berada di dekat label, ponsel secara otomatis menemukan URL dan meluncurkan applet. Prinsipnya sederhana dan biayanya rendah. Mari kita lihat apa yang dibutuhkan bisnis untuk menggunakan applet.


Apa itu App Clip? App Clip dideskripsikan sebagai "versi ringan dari aplikasi seluler." Perangkat lunak kecil ini berisi kurang dari 10 MB kode biner pra-kompresi dan terutama menyediakan sebagian kecil fungsionalitas aplikasi. Misalnya, Aplikasi lengkap perusahaan kopi mungkin menyediakan direktori kedai kopinya, promosi terkini, peringkat penjualan, dan kartu loyalitas, tetapi applet App Clip hanya menampilkan kartu loyalitas. Fitur-fitur ini memastikan pengalaman instan bagi pengguna, bahkan saat kecepatan Internet seluler rendah. Pengguna juga bisa mendapatkan pengalaman pengguna yang sederhana dan cepat. Meluncurkan program mini melalui telepon di dekat tag NFC dapat mengurangi banyak hambatan penggunaan, membuka pintu interaksi digital bagi pelanggan baru yang kurang familier dengan aplikasi seluler. Berikut ini sekilas pengalaman pengembang aplikasi iOS ST, Vincent Latorre, dalam pengembangan program kecil.
Klip Aplikasi: Konfigurasi Klien atau NFC


1. Siapkan paket ST25-TAG-BAG-U
Kit tag ST25-TAG-BAG-U meliputi: 1.ST25TV02K, 2.ST25TA02KB, 3.ST25TV02K HC, 4.ST25TV512, 5.ST25TA64K
Bagian termudah dari keseluruhan proses konfigurasi adalah membuat tag NFC dan menulis URL ke applet di dalam tag tersebut. Prosesnya semudah membuat demo yang berfungsi tanpa menulis satu baris kode pun. Untuk tujuan demonstrasi, kami akan menggunakan dua tag NFC ST25TV02K, satu untuk menyimpan alamat URL applet, dan yang lainnya sebagai bukti konsep untuk menjelaskan wadah fungsional yang dapat disimpan atau di-cache dalam sistem operasi.
Jika Anda ingin mengembangkan presentasi berdasarkan applet App Clip, TAB kedua tidak diperlukan, pengembang cukup menggunakan TAB pertama. Namun, alih-alih memperlihatkan layar, kami ingin memanfaatkan kesempatan ini untuk memperlihatkan cara menulis blok memori dan memberikan bukti konkret bahwa applet ST benar-benar berfungsi. Kedua tag ini adalah tag bulat kecil dalam kit ST25-TAG-BAG-U. Pengguna harus membuka App Store dan mengunduh aplikasi NFC Tap kami untuk membaca dan menulis tag.

Tulis URL

Kami mengeluarkan tag ST25TV02K pertama. Demonstrasi berikut mengasumsikan bahwa label tersebut kosong. Langkah pertama adalah memilih Read Tag pada layar beranda, lalu dekatkan ponsel ke tag, dan pesan ST25TV02K akan muncul di layar. Selanjutnya, klik di kanan bawah layar... Ikon, lalu pilih opsi Areas Content Editor, dan terakhir, pindai label dengan ponsel Anda. Jika label kosong, kotak dialog akan muncul dengan ukuran memori (misalnya, 256 byte) dan pesan No NDEF.
Sebelum menulis pesan NDEF, pengguna perlu mengeklik kotak dialog yang bertuliskan Tidak ada pesan NDEF, dan kotak putih serta panah biru akan muncul di layar. Geser kotak putih ke kiri, dan menu akan muncul dengan opsi Tambah, Edit, Sisipkan, dan Jalankan. Setelah memilih Tambah,
1. Pilih NdefUriRecord

2. https://www.myst25.com/clip. Pastikan untuk memilih https, jika tidak, applet tidak akan langsung ditampilkan.

3. Tekan tombol Validasi dan tulis labelnya
Pelajari tentang kontainer fungsional

ST25TV02K kedua adalah tag pengujian kami, dan kami juga dapat menggunakannya untuk mempelajari tentang dukungan NDEF dalam tag Tipe-5. Demonstrasi ini membuktikan bahwa applet ST membaca label, bukan menampilkan layar ponsel. Untuk membuat demo lebih menarik, kami akan mengikuti pendekatan dalam catatan aplikasi kami tentang manajemen NDEF. Faktanya, artikel tersebut menjelaskan cara mengonfigurasi tag ST25TV ke tag NFC Tipe-5 yang mendukung pesan NDEF, singkatnya, menulis wadah fungsi (CC) yang valid di blok penyimpanan pertama. Artikel tersebut menjelaskan proses penyiapan kepada pengguna, dan kami dapat menulis empat byte CC: E1 40 20 01h langsung ke blok penyimpanan pertama di ST25TV02K.
Tulis tag uji

Sebelum melakukan operasi penulisan tag, buka aplikasi NFC Tap iOS dan
1. Pilih Baca Tag dan pindai tag ST25TV02K kedua
2. Periksa bagian CC File untuk memastikan labelnya kosong. Jika Magic Number adalah 0x00, tag tersebut tidak berisi informasi apa pun.
Sekarang kita aktifkan dukungan transfer pesan NDEF dan menulis pesan kecil.
1. Pilih Lainnya di bagian bawah layar, lalu pilih Areas Content Editor. Perangkat lunak kemudian akan meminta Anda untuk memindai tag dan menemukan area yang dapat ditulisi 256-byte tanpa konten.
2. Klik Area 1
3. Pesan No NDEF Record muncul di layar. Geser dialog ke kiri dan akan muncul menu, pilih Add.
4. Klik NdefTextRecord, hapus teks yang ada, dan ketik Hello World!
5. Tekan tombol Validasi, lalu letakkan ponsel Anda di dekat label dan tulis pesan NDEF.
Uji Klip Aplikasi

Program kecil hanya muncul ketika perangkat lunak aplikasi lengkap tidak terpasang di telepon. Oleh karena itu, sebelum memindai tag ST25TV02K pertama dengan alamat URL applet, Anda harus menghapus perangkat lunak NFC Tap jika terpasang. Ketika telepon mendeteksi TAB pertama, ia menampilkan kartu applet pada layar sentuh, menanyakan kepada pengguna apakah mereka ingin membuka applet atau mengunduh aplikasi dari toko aplikasi. Membuka applet akan menampilkan versi aplikasi NFC Tap yang disederhanakan, di mana Read NDEF berwarna abu-abu dan tidak tersedia, tetapi Read Tag tersedia. Pilih opsi Read tag dan kemudian pindai tag ST25TV02K kedua untuk membuktikan bahwa applet membaca data tag kita. Menggulir layar ke bawah, kita melihat bahwa Magic Number adalah 0xE1, membuktikan bahwa applet memindai label yang baru saja kita konfigurasikan.

Latar belakang atau pengembangan aplikasi dan konfigurasi server Web
Bagi pengembang yang ingin mempelajari lebih lanjut, langkah pertama adalah mengunduh kode sumber untuk aplikasi iOS kami (STSW-ST25IOS001). Teknisi cukup membuka berkas yang diunduh di lingkungan pengembangan Apple IDE dan mulai mengerjakan pendekatan implementasi kami. Hal pertama yang perlu diperhatikan adalah bahwa sepotong kode yang bertindak sebagai program kecil dalam aplikasi merupakan target khusus. Untuk membantu pengembang mengembangkan program kecil, Apple menyediakan templat App Clip khusus, program kecil dapat digunakan dengan Apple Pay, dan Anda dapat masuk ke perangkat lunak dengan akun Apple Anda. Sistem baru ini juga mendapat manfaat dari sistem pemberitahuan dan geolokasi khusus. Selain itu, satu perangkat lunak iOS dapat memiliki beberapa App clip. Di Xcode, pengembang harus memperhatikan TAB Signing & Capabilities dan mengingat nama tim dan pengenal bundel.
Langkah selanjutnya adalah membuat applet App Clip menggunakan antarmuka Web App Store Connect. Di sini, pengembang akan mengunggah gambar, yang akan ditampilkan pada kartu iOS, yang akan menarik pengguna untuk meluncurkan applet. Klik Advanced App Clip
Pengalaman akan membuka menu baru dan menyetel URL untuk mengarah ke applet. Selain itu, pengembang dapat meminta sistem operasi untuk memeriksa geolokasi perangkat seluler, dan pedagang dapat memilih untuk menggunakan fitur ini guna mengaitkan applet dengan toko atau lokasi tertentu.
Sisi server
Konfigurasi server Web sangat sederhana. Dalam Xcode dan App Store Connect yang didefinisikan dalam URL, misalnya http://www.myst25.com/clip, harus memiliki indeks. File HTML dan tag meta harus menyertakan ID aplikasi dan ID bundel aplikasi kecil. Seperti yang ditunjukkan di bawah ini, badan file dapat kosong, dengan tempat yang paling penting adalah tag meta itu sendiri.
File bernama apple-app-site-association adalah file penting kedua yang harus ada di folder root server web, seperti /www. File tersebut hanya mencantumkan array berikut:
“klip aplikasi” : {
“aplikasi”: [“NAMA_TIM.ID_BUNDEL (misalnya, UL3MK8FNMR.com.st.st25ncf.clip)”],
“paths”: [“TUJUAN (misalnya, jalur/*)”]

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *