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 Deine eigenen API-Routen oder Dienste.
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 Cursor
Füge das in Cursor ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt für den Cursor-Agenten
Prompt for the Cursor agent: Add native scanning for the WebViewGold app wrapper. In src/lib/webviewgold.ts add scanQr() that sets window.location.href to qrcode:// and scanBarcode(timeoutMs) that sets window.location.href to barcodescanner://, polls the global barcodescanresult every 300 ms, resolves with the value and clears it, or rejects on timeout. Both run only when navigator.userAgent contains my custom WebViewGold token; otherwise scanBarcode falls back to a camera decoder using getUserMedia. Build a Scan screen using them and a route /s/:code for QR deep links that loads the item from our API. Add tests mocking the global. Add a .cursor/rules note describing the bridge.
WebViewGold hat uns die kürzeste und effizienteste Time-to-Market ermöglicht, die jemals möglich war, verglichen mit allen anderen App-Plattformen, die wir in den letzten 5 Jahren ausprobiert haben. Ich weiß nicht, warum ich euch nicht schon früher entdeckt habe, aber ich bin wirklich, wirklich froh, dass ich es getan habe. Wir nähern uns derzeit fast 6000 App-Downloads im iOS App Store & Google Play Store ohne Probleme!
Den Scanner in Cursor 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 Deine eigenen API-Routen oder Dienste.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.