App Clip: konsep kunci, versi ringan aplikasi iOS

Apa itu App Clip?

App Clip — teknologi Apple untuk iOS yang memungkinkan menjalankan bagian kecil dari aplikasi lengkap tanpa menginstalnya. Ketika pengguna memindai tag NFC, kode QR, atau App Clip Code, sistem operasi mengunduh dan membuka App Clip dalam bentuk kartu di atas layar saat ini. Apple merancang App Clip untuk skenario 'bayar, pesan, atau daftar' — tindakan yang harus dilakukan tanpa gesekan dan penantian.

App Clip bekerja dalam mode episodik. iOS menyimpan data App Clip untuk waktu terbatas (biasanya beberapa hari atau hingga penghapusan eksplisit oleh pengguna). Jika pengguna kembali membutuhkan fungsi yang sama, App Clip diunduh kembali. Apple sengaja membatasi penyimpanan App Clip untuk mendorong instalasi aplikasi lengkap untuk penggunaan permanen. Data yang dibuat di App Clip secara otomatis ditransfer ke aplikasi lengkap saat instalasi melalui CloudKit.

Contoh nyata: memindai tag NFC di meja restoran untuk memesan dan membayar (Panera, Pizza Hut), kode QR di skuter sewaan untuk membuka kunci (Lime, Bird), App Clip Code di parkir meter untuk membayar (PayByPhone), memindai produk di toko untuk membeli (Shopify). Semua skenario ini memiliki satu kesamaan — tugas transaksional yang diuntungkan oleh tidak adanya tahap instalasi.

Pemicu peluncuran: NFC, QR, App Clip Code

App Clip diaktifkan melalui lima mekanisme. Yang paling umum — tag NFC (sentuhan meluncurkan App Clip), kode QR (pemindaian dengan kamera menampilkan kartu App Clip di bagian bawah layar) dan App Clip Codes (kode visual milik Apple dengan bingkai berpola dan tag NFC bawaan). App Clip juga diluncurkan melalui Safari App Banner dan tautan di iMessage.

App Clip Code — teknologi paten Apple. Tidak seperti kode QR, App Clip Codes terlihat estetis — mereka mendukung warna merek dan logo di tengah, dan URL dikodekan dalam gelombang suara di tepinya. Kode berisi tag NFC bawaan, memberikan mekanisme peluncuran ganda: pemindaian visual dan sentuhan. Apple menyediakan alat pembuatan App Clip Code melalui portal App Store Connect.

// SceneDelegate.swift — penanganan peluncuran App Clip melalui NSUserActivity
import UIKit

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene,
                willContinueUserActivityWithType userActivityType: String) {
        // Persiapan untuk NSUserActivity masuk
    }

    func scene(_ scene: UIScene,
                continue userActivity: NSUserActivity) {

        guard let invocationURL = userActivity.webpageURL else { return }

        // Mengurai URL dan navigasi ke layar yang sesuai
        handleInvocationURL(invocationURL)
    }

    private func handleInvocationURL(_ url: URL) {
        // Contoh: /order/restaurantID — layar pemesanan
        // Contoh: /pay/parkingID — layar pembayaran
    }
}

Semua pemicu pada akhirnya membuat NSUserActivity dengan parameter webpageURL, yang berisi konteks panggilan. App Clip mengurai URL ini dan menampilkan layar yang sesuai. App Clip juga mendukung pemicu geolokasi — iOS dapat menyarankan App Clip ketika pengguna berada di dekat lokasi tertentu (misalnya, di dekat kafe dengan App Clip).

Pengembangan App Clip dengan Swift

Pengembangan App Clip dimulai dengan proyek Xcode yang ada dari aplikasi lengkap. Anda menambahkan target App Clip baru — target tersebut menggunakan proyek yang sama, tim yang sama, dan sebagian besar kode bersama. Target App Clip hanya menyertakan file, storyboard, dan sumber daya yang diperlukan untuk fungsi tertentu. Apple menyediakan template App Clip dengan hak dan kunci Info.plist yang telah dikonfigurasi sebelumnya.

// AppClip/ProductViewModel.swift — logika bersama antara App Clip dan aplikasi lengkap
import Foundation
import StoreKit

class ProductViewModel: ObservableObject {

    @Published var items: [Product] = []
    @Published var total: Decimal = 0

    func checkout() {
        // Mengirim pesanan melalui API
    }

    func showInstallPrompt() {
        // Menampilkan SKOverlay untuk instalasi aplikasi lengkap
        guard let scene = UIApplication.shared()
            .connectedScenes
            .first(where: { $0 is UIWindowScene }) as? UIWindowScene else { return }

        let overlay = SKOverlay(configuration: SKOverlay.AppClipConfiguration(
            position: .bottom
        ))
        overlay.present(in: scene)
    }
}

// AppClip/MainViewController.swift — layar utama App Clip
class MainViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // UI kompak untuk kartu App Clip
        // Menggunakan SF Symbols untuk mengurangi ukuran
        // Memuat hanya data untuk transaksi saat ini
    }

    @IBAction func openFullApp(_ sender: Any) {
        // Membuka halaman aplikasi di App Store
        guard let url = URL(string: "https://apps.apple.com/app/id123456789") else { return }
        UIApplication.shared.open(url)
    }
}

Target App Clip menggunakan Apple Developer Team ID dan Bundle ID yang sama dengan aplikasi utama (dengan akhiran .Clip). Hak istimewa utama: com.apple.developer.app-clip dan associated domains untuk memproses URL. App Clip mendukung Apple Pay, Sign in with Apple, StoreKit untuk pembelian dan Core Location. Beberapa framework tidak tersedia: mode latar belakang, HealthKit, Media Library, dan beberapa API sensor.

Batasan ukuran dan optimasi

Batas ukuran App Clip dikontrol secara ketat oleh Apple — tidak lebih dari 10 MB dalam bentuk terkompresi. Pemeriksaan dilakukan pada tahap unggah ke App Store; build yang melebihi batas ditolak. Ukuran mencakup kode biner, sumber daya (storyboard, asset catalogs) dan framework terkait. Pustaka Swift runtime adalah bagian dari iOS dan tidak dihitung, tetapi framework pihak ketiga meningkatkan ukuran.

Xcode menyediakan laporan ukuran App Clip di Organizer setelah pengarsipan. Laporan membagi ukuran per komponen (kode, sumber daya, framework) dan menunjukkan perkiraan ukuran unduhan. Apple merekomendasikan menjaga App Clip dalam batas 8 MB untuk memperhitungkan variasi kompresi di berbagai saluran pengiriman.

Skenario pengguna App Clip

Skenario penggunaan App Clip terdiri dari empat tahap. Penemuan: pengguna menemukan tag NFC, kode QR, atau App Clip Code di dunia fisik. Peluncuran: pemindaian atau sentuhan mengunduh App Clip (kurang dari 2 detik, biasanya 1 detik). Interaksi: App Clip terbuka sebagai kartu dengan satu fungsi — layar pemesanan, pembayaran, atau reservasi. Penyelesaian: pengguna menyelesaikan tugas dan melihat tawaran instalasi aplikasi lengkap melalui SKOverlay atau tautan ke App Store.

Apple memberikan perhatian khusus pada privasi di App Clip. Sistem meminta izin kamera, geolokasi, dan notifikasi secara terpisah untuk App Clip. Data yang dibuat di App Clip (informasi pembayaran, preferensi) disimpan secara lokal dan ditransfer ke aplikasi lengkap melalui CloudKit saat instalasi. App Clip tidak dapat meminta izin sensitif (Health, Motion, Media Library) — untuk ini diperlukan instalasi aplikasi lengkap.

Fitur penting — SKOverlay, elemen native iOS yang ditampilkan di bagian bawah layar App Clip dan menawarkan instalasi aplikasi lengkap. SKOverlay tidak memerlukan navigasi ke App Store dan berfungsi dalam konteks aplikasi saat ini. Pengguna dapat menginstal aplikasi lengkap dengan satu sentuhan, dan App Clip secara otomatis mentransfer semua data yang dibuat setelah instalasi.

App Clip vs Android Instant App

Kedua teknologi — App Clip dan Android Instant App — menyelesaikan tugas yang sama: peluncuran instan aplikasi native tanpa instalasi, tetapi menggunakan pendekatan platform yang berbeda. App Clip lebih terbatas (hanya iOS, ekosistem lebih kecil), tetapi menawarkan integrasi mendalam dengan Apple Pay dan ekosistem perangkat Apple. Instant Apps unggul karena jangkauan Android yang lebih luas dan pemicu yang fleksibel, termasuk kode QR standar tanpa infrastruktur tambahan.