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

Base44 + Scanner

QR-Codes und Barcodes nativ scannen in deiner Base44-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 Base44-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 Eingebaute Base44-Entities (Datenbank), Dateispeicher und Backend-Funktionen.

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 Base44

Füge das in Base44 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 Base44
Add camera scanning to this Base44 app for the WebViewGold wrapper. Add a barcode field to the Product entity and create a Scan entity (product_id, scanned_by, scanned_at). 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://, Scan barcode sets window.location.href to barcodescanner://. After the barcode call, check the global variable barcodescanresult every 300 ms for up to 60 seconds; when set, filter Product by barcode, create a Scan record for the current user and show the product. Add a Product detail page that accepts an id query parameter for QR codes. Include a manual entry field.

Mit einer gut optimierten Version Ihrer Web-App können Sie innerhalb von wenigen Minuten eine beeindruckende mobile App erstellen. Zusätzlich dazu ist der Kundenservice sehr nett und hilfsbereit! Ich kann WebViewGold nur empfehlen :-)

Julian Koch · Mitbegründer von DuelDonkey · CodeCanyon

Den Scanner in Base44 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 Eingebaute Base44-Entities (Datenbank), Dateispeicher und Backend-Funktionen.

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