v0 + Scanner
QR-Scannen per Browser in einer WebView ist langsam und fordert ständig Berechtigungen an. WebViewGold öffnet den nativen Kamera-Scanner über einen Link (<code>qrcode://</code> oder <code>barcodescanner://</code>) und gibt das Ergebnis direkt an deine v0-App zurück: Eine URL wird automatisch geöffnet, ein Barcode-Wert landet in einer JavaScript-Variable.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
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 Next.js Route Handlers und Server Actions, Postgres über Neon oder Supabase.
Inventur, Produktkataloge, Preisabfragen: Der gescannte EAN/UPC-Wert steht als barcodescanresult bereit und kann ein Formularfeld füllen oder eine Abfrage starten.
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.
Füge das in v0 ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Add native scanning for the WebViewGold app wrapper to this Next.js app. 1) Create app/scan/[code]/page.tsx, a server component that loads the record for the code from the database and renders it; our QR codes will contain this URL. 2) Create a client component ScanButtons, 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://). 3) After the barcode call, poll the global barcodescanresult every 300 ms for up to 60 seconds, then call app/api/products/lookup/route.ts with the value and render the result. 4) Provide manual entry elsewhere.
Mein iOS WebView wurde endlich genehmigt. Danke!!
Rund 10 Minuten plus deine Geschäftslogik.
Ein Link oder Button, der zu qrcode:// (QR-Codes, die Ergebnis-URL wird in der App geöffnet) oder barcodescanner:// (Barcodes, das Ergebnis landet in barcodescanresult) navigiert. Zeig ihn nur in der App, indem du den User Agent von WebViewGold erkennst.
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: Lies barcodescanresult aus, nachdem sich der Scanner geschlossen hat, und starte deine Abfrage in Next.js Route Handlers und Server Actions, Postgres über Neon oder Supabase.
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.
Mit scanningmode://on, off oder auto legst du fest, ob sich der Scanner nach dem ersten Treffer schließt oder weiterscannt, praktisch für Inventuren.
Ein minimaler Handler für die Barcode-Variable:
// 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);
}
}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.
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.
Die gängigen 1D- und 2D-Formate (EAN, UPC, Code 128, QR und mehr) über die nativen Scanner-Frameworks der Plattformen.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$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 ansehen$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 ausprobieren$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.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.