QR-Check-ins und Tickets
Einlass bei Events, Anwesenheit im Kurs, Check-in im Gym: Der QR-Code enthält eine URL deiner Web-App mit einem Token, der Scanner öffnet sie in der App, und geprüft wird sie in Supabase, Firebase oder deine eigene API.
Was du damit bauen kannst
Barcode-Abfragen
Inventur, Produktkataloge, Preisabfragen: Der gescannte EAN/UPC-Wert steht als barcodescanresult bereit und kann ein Formularfeld füllen oder eine Abfrage starten.
Treueprogramme und Empfehlungen
Mitglieder zeigen einen QR-Code, das Personal scannt ihn mit derselben App. Beide Seiten sind ganz normale Seiten deiner Web-App; nur der Kamerateil ist nativ.
Prompt für Bolt
Füge das in Bolt ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt zum Einfügen in Bolt
Add QR and barcode scanning to this Bolt app for the WebViewGold wrapper. Create a Scan page with two buttons shown only when navigator.userAgent contains my custom WebViewGold token: Scan QR code sets window.location.href to qrcode://, and Scan barcode sets window.location.href to barcodescanner://. After the barcode call, poll the global variable barcodescanresult every 300 ms for up to 60 seconds; when it has a value, insert a row into a Supabase table scans (user_id, code, created_at), show the code with a lookup against the products table, and reset the variable. Create a route /item/:code that QR codes can point to. Add manual code entry for browsers.
Mein iOS WebView wurde endlich genehmigt. Danke!!
Den Scanner in Bolt einbauen
Rund 10 Minuten plus deine Geschäftslogik.
Einen Scan-Button hinzufügen
Ein Link oder Button, der zu
qrcode://(QR-Codes, die Ergebnis-URL wird in der App geöffnet) oderbarcodescanner://(Barcodes, das Ergebnis landet inbarcodescanresult) navigiert. Zeig ihn nur in der App, indem du den User Agent von WebViewGold erkennst.Das Ergebnis in der Web-App verarbeiten
Für QR-Codes: Kodiere eine URL deiner Web-App (zum Beispiel
https://app.yourdomain.com/checkin?token=…); die App öffnet sie wie jede andere Navigation, und deine Seite erledigt den Rest. Für Barcodes: Liesbarcodescanresultaus, nachdem sich der Scanner geschlossen hat, und starte deine Abfrage in Supabase, Firebase oder deine eigene API.Die Kamera-Berechtigung erklären
Die WebViewGold-Projekte enthalten die Nutzungsbeschreibung für die Kamera bereits; pass den Text so an, dass er deinen Anwendungsfall nennt („um Tickets am Eingang zu scannen“). Beide Stores lesen diese Texte.
Den Scan-Modus wählen
Mit
scanningmode://on,offoderautolegst du fest, ob sich der Scanner nach dem ersten Treffer schließt oder weiterscannt, praktisch für Inventuren.
Barcode-Ergebnis in JavaScript
Ein minimaler Handler für die Barcode-Variable:
javascript
// Button innerhalb der App
function startScan() { window.location.href = "barcodescanner://"; }
// WebViewGold schreibt das Ergebnis in die Seite
function onScannerClosed() {
if (typeof barcodescanresult !== "undefined" && barcodescanresult) {
document.querySelector("#sku").value = barcodescanresult;
lookupProduct(barcodescanresult);
}
}Häufig gestellte Fragen
Braucht der Scanner zusätzliche Berechtigungen in den Stores?
Nur die Kamera-Berechtigung mit einem Zwecktext, den die WebViewGold-Projekte bereits enthalten. Beschreib den Anwendungsfall ehrlich im Text und in den Angaben zu App Privacy / Data safety, wenn du Scan-Daten speicherst.
Kann ich auch im Browser aus der Web-App scannen?
Ja, mit einer JavaScript-Bibliothek. Der native Scanner ist schneller und nutzt die Kamera-Oberfläche des Systems; erkenne die App am User Agent, biete dort den nativen Scanner an und überall sonst die Web-Bibliothek.
Welche Barcode-Formate werden unterstützt?
Die gängigen 1D- und 2D-Formate (EAN, UPC, Code 128, QR und mehr) über die nativen Scanner-Frameworks der Plattformen.
Drei Wege, deine App in die Stores zu bringen
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
Selbst machen
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehenCloud Builder
$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobierenFull Service
$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.