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 eigene API oder Serverless Functions.
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 ChatGPT & Codex
Füge das in ChatGPT & Codex ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt für ChatGPT oder Codex
Prompt for Codex: Add native scanning for the WebViewGold app wrapper and open a pull request. Create a Scan screen, visible only when navigator.userAgent contains my custom WebViewGold token, with 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 barcodescanresult every 300 ms for up to 60 seconds; when set, send it to a new server endpoint that looks up the product and, if unknown, asks the OpenAI API server-side for a short description. Add a route /s/:code for QR codes. Provide manual entry in browsers. Document the bridge in AGENTS.md.
Großartige Möglichkeit, eine Web-App in eine native App zu verwandeln! Schnelle Umsetzung und ein toller Weg, Apps in die App Stores zu bringen, ohne eine komplett native App entwickeln zu müssen!
Den Scanner in ChatGPT & Codex 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 eigene API oder Serverless Functions.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.