App Clip: kernconcepten, lichte versie van iOS-app

Wat is App Clip?

App Clip — Apple-technologie voor iOS waarmee een klein deel van een volledige app kan worden uitgevoerd zonder deze te installeren. Wanneer de gebruiker een NFC-tag, QR-code of App Clip Code scant, downloadt en opent het besturingssysteem de App Clip als een kaart boven het huidige scherm. Apple heeft App Clip ontworpen voor scenario's van 'betalen, bestellen of registreren' — acties die zonder wrijving en wachttijd moeten worden uitgevoerd.

App Clip werkt in episodische modus. iOS bewaart App Clip-gegevens voor een beperkte tijd (meestal een paar dagen of tot expliciete verwijdering door de gebruiker). Als de gebruiker dezelfde functie opnieuw nodig heeft, wordt App Clip opnieuw gedownload. Apple beperkt de opslag van App Clip bewust om installatie van de volledige app voor permanent gebruik te stimuleren. Gegevens die in App Clip zijn gemaakt, worden automatisch overgedragen naar de volledige app bij installatie via CloudKit.

Voorbeelden uit de praktijk: scannen van een NFC-tag op een restauranttafel voor bestellen en betalen (Panera, Pizza Hut), QR-code op een gehuurde scooter om te ontgrendelen (Lime, Bird), App Clip Code bij een parkeerautomaat om te betalen (PayByPhone), scannen van een product in de winkel om te kopen (Shopify). Al deze scenario's hebben één ding gemeen — een transactietaak die profiteert van het ontbreken van een installatiefase.

Starttriggers: NFC, QR, App Clip Code

App Clip wordt geactiveerd via vijf mechanismen. De meest voorkomende — NFC-tags (aanraken start App Clip), QR-codes (scannen met de camera toont de App Clip-kaart onderaan het scherm) en App Clip Codes (Apple's eigen visuele codes met een siersrand en ingebouwde NFC-tag). App Clip wordt ook gestart via Safari App Banner en links in iMessage.

App Clip Code — gepatenteerde technologie van Apple. In tegenstelling tot QR-codes zien App Clip Codes er esthetisch uit — ze ondersteunen merk kleuren en een logo in het midden, en de URL wordt gecodeerd in geluidsgolven aan de randen. De code bevat een ingebouwde NFC-tag, die een dubbel startmechanisme biedt: visueel scannen en aanraken. Apple biedt tools voor het genereren van App Clip Codes via de App Store Connect-portal.

// SceneDelegate.swift — afhandeling van App Clip-start via NSUserActivity
import UIKit

class SceneDelegate: UIResponder, UIWindowSceneDelegate {

    var window: UIWindow?

    func scene(_ scene: UIScene,
                willContinueUserActivityWithType userActivityType: String) {
        // Voorbereiding op inkomende NSUserActivity
    }

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

        guard let invocationURL = userActivity.webpageURL else { return }

        // URL parseren en naar het juiste scherm navigeren
        handleInvocationURL(invocationURL)
    }

    private func handleInvocationURL(_ url: URL) {
        // Voorbeeld: /order/restaurantID — bestelscherm
        // Voorbeeld: /pay/parkingID — betalingsscherm
    }
}

Alle triggers creëren uiteindelijk een NSUserActivity met de parameter webpageURL, die de context van de aanroep bevat. App Clip parseert deze URL en toont het bijbehorende scherm. App Clip ondersteunt ook geolocatietriggers — iOS kan App Clip voorstellen wanneer de gebruiker zich in de buurt van een specifieke locatie bevindt (bijvoorbeeld bij een café met een App Clip).

App Clip ontwikkelen in Swift

App Clip ontwikkelen begint met een bestaand Xcode-project van de volledige app. U voegt een nieuw App Clip-target toe — het gebruikt hetzelfde project, hetzelfde team en het grootste deel van de gedeelde code. Het App Clip-target bevat alleen de bestanden, storyboards en bronnen die nodig zijn voor de specifieke functie. Apple biedt een App Clip-sjabloon met vooraf geconfigureerde rechten en Info.plist-sleutels.

// AppClip/ProductViewModel.swift — gedeelde logica tussen App Clip en volledige app
import Foundation
import StoreKit

class ProductViewModel: ObservableObject {

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

    func checkout() {
        // Bestelling verzenden via API
    }

    func showInstallPrompt() {
        // SKOverlay tonen voor installatie van de volledige app
        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 — hoofdscherm van App Clip
class MainViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Compacte UI voor de App Clip-kaart
        // SF Symbols gebruiken om de grootte te verkleinen
        // Alleen gegevens voor de huidige transactie laden
    }

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

Het App Clip-target gebruikt dezelfde Apple Developer Team ID en Bundle ID als de hoofd-app (met het achtervoegsel .Clip). Belangrijkste rechten: com.apple.developer.app-clip en associated domains voor het verwerken van URL's. App Clip ondersteunt Apple Pay, Sign in with Apple, StoreKit voor aankopen en Core Location. Sommige frameworks zijn niet beschikbaar: achtergrondmodi, HealthKit, Media Library en bepaalde sensor-API's.

Groottebeperkingen en optimalisatie

De groottebeperking van App Clip wordt strikt gecontroleerd door Apple — niet meer dan 10 MB gecomprimeerd. Controle vindt plaats bij het uploaden naar de App Store; builds die de limiet overschrijden worden afgewezen. De grootte omvat binaire code, bronnen (storyboards, asset catalogs) en gerelateerde frameworks. Swift runtime-bibliotheken maken deel uit van iOS en worden niet meegeteld, maar frameworks van derden vergroten de grootte.

Xcode biedt een App Clip-grootterapport in de Organizer na archivering. Het rapport splitst de grootte per component (code, bronnen, frameworks) en toont de geschatte downloadgrootte. Apple raadt aan App Clip binnen 8 MB te houden om rekening te houden met variaties in compressie bij verschillende leveringskanalen.

Gebruikersscenario van App Clip

Het gebruiksscenario van App Clip bestaat uit vier fasen. Ontdekking: de gebruiker komt een NFC-tag, QR-code of App Clip Code tegen in de fysieke wereld. Starten: scannen of aanraken downloadt App Clip (minder dan 2 seconden, meestal 1 seconde). Interactie: App Clip opent als een kaart met één functie — bestel-, betaal- of reserveringsscherm. Voltooiing: de gebruiker voert de taak uit en ziet een voorstel om de volledige app te installeren via SKOverlay of een link naar de App Store.

Apple besteedt speciale aandacht aan privacy in App Clip. Het systeem vraagt apart om toestemming voor camera, locatie en meldingen voor App Clip. Gegevens die in App Clip zijn gemaakt (betalingsgegevens, voorkeuren) worden lokaal opgeslagen en overgedragen naar de volledige app via CloudKit bij installatie. App Clip kan geen gevoelige machtigingen aanvragen (Health, Motion, Media Library) — hiervoor is installatie van de volledige app vereist.

Belangrijke functie — SKOverlay, een native iOS-element dat onderaan het App Clip-scherm wordt weergegeven en voorstelt de volledige app te installeren. SKOverlay vereist geen navigatie naar de App Store en werkt in de context van de huidige app. De gebruiker kan de volledige app met één tik installeren en App Clip draagt automatisch alle gemaakte gegevens over na installatie.

App Clip versus Android Instant App

Beide technologieën — App Clip en Android Instant App — lossen dezelfde taak op: direct starten van een native app zonder installatie, maar gebruiken verschillende platformbenaderingen. App Clip is beperkter (alleen iOS, kleiner ecosysteem), maar biedt diepe integratie met Apple Pay en het Apple-apparaten ecosysteem. Instant Apps winnen door het bredere bereik van Android en flexibele triggers, inclusief standaard QR-codes zonder extra infrastructuur.