Zum Inhalt springen
WebViewGold Vibe Coding in den App Store
Deutsch
WebViewGold holen

Claude Code + Scanner

QR-Codes und Barcodes nativ scannen in deiner Claude Code-App

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 Claude Code-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.

  • Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
  • Kein Programmieren nötig
  • Einmalzahlung, kostenlose Updates
  • 24/7 Support von echten Menschen
  • Made in Germany seit 2014 · ISO 27001

Was du damit bauen kannst

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, Serverless Functions oder Supabase.

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 Claude Code

Füge das in Claude Code ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.

Prompt für Claude Code
Prompt for Claude Code: Read https://www.webviewgold.com/llms-full.txt, then add native scanning for the WebViewGold wrapper. Implement scanQr() (window.location.href = qrcode://) and scanBarcode() (window.location.href = barcodescanner://, poll the global barcodescanresult every 300 ms, resolve with the value, clear it, timeout after 60 seconds), active only when navigator.userAgent contains my custom WebViewGold token, with a getUserMedia fallback in browsers. Add a Scan screen and a route /s/:code for QR codes that fetches the item from our API. Where the app shows a QR code to be scanned, navigate to scanningmode://auto first. Write tests that set window.barcodescanresult. Document the routes in CLAUDE.md.

Mein iOS WebView wurde endlich genehmigt. Danke!!

Taha Farooqui · CodeCanyon

Den Scanner in Claude Code einbauen

Rund 10 Minuten plus deine Geschäftslogik.

  1. Einen Scan-Button hinzufügen

    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.

  2. 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: Lies barcodescanresult aus, nachdem sich der Scanner geschlossen hat, und starte deine Abfrage in Deine eigenen API-Routen, Serverless Functions oder Supabase.

  3. 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.

  4. Den Scan-Modus wählen

    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.

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 ansehen

Full 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 WeSetupYourWebViewApp

Winter-Sale-Preise gültig bis 31. Dezember 2026.

Bereit, deine Claude Code-App zu veröffentlichen?

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.