Rechnungen und Belege
Tools für kleine Unternehmen, Buchungs-Apps und Marktplätze: Kunde oder Shop drucken die Rechnung, die dein Backend ohnehin erzeugt.
Was Leute aus Apps drucken
Tickets, Etiketten und Badges
Event-Tickets, Versandetiketten, Namensschilder, Check-in-Pässe mit QR-Code. Erzeug sie als PDF im passenden Papierformat und druck sie mit zwei Fingertipps.
Berichte, Arbeitsblätter und Rezepte
Wochenberichte, Arbeitsblätter für die Schule, Trainingspläne, Rezepte und Checklisten, die Leute immer noch auf Papier oder als ordentliches PDF haben wollen.
Zertifikate und Bestätigungen
Kurszertifikate, Buchungsbestätigungen und unterschriebene Vereinbarungen, gedruckt oder als PDF gespeichert, direkt auf dem Bildschirm, auf dem der Nutzer sie sieht.
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 für Claude Code: Lies https://www.webviewgold.com/docs/iOS/printer/ und https://www.webviewgold.com/docs/android/printer/ und baue dann natives Drucken ein. 1) Füge eine Server-Route hinzu, die unter dem sauberen Pfad /print/TOKEN (signierter Token, 5 Minuten gültig, ohne Query-String) ein PDF ausliefert, gerendert aus unseren Rechnungsdaten im Format A4 oder Letter. 2) Füge einen Endpunkt hinzu, der den Token für den eingeloggten Nutzer ausstellt und die absolute URL auf unserer Produktionsdomain zurückgibt. 3) Füge einen Helper printFile(url, jobName) hinzu: In der App (navigator.userAgent enthält meinen eigenen WebViewGold-Token) navigiere zu printitem://?jobName= plus dem URL-kodierten Auftragsnamen, dann &printItem= plus der URL, wobei printItem zuletzt steht; im Browser öffne die URL. 4) Füge Rechnungen einen Drucken-Button hinzu. 5) Ruf eine generierte Druck-URL mit curl ohne Cookies ab und bestätige 200 und application/pdf. 6) Füge Tests hinzu und dokumentiere den Vertrag in CLAUDE.md.
Ich bin sehr glücklich, dass ich diese App gekauft habe! Extrem einfach und großartige Dokumentation. Ich stand in Kontakt mit dem Kundenservice, sie antworteten sehr schnell und sehr freundlich. Sie lösten meine Frage innerhalb eines Tages. 10/10 würde ich empfehlen.
Einen funktionierenden Drucken-Button einbauen
Etwa eine Stunde, das meiste davon für die PDF-Vorlage.
Eine druckbare Datei erzeugen
Generiere Rechnung, Ticket oder Bericht auf dem Server als PDF (oder PNG/JPG), im Format des Papiers, das du erwartest: Letter oder A4, ein Etikett mit 4 × 6 Zoll, ein Ticket. Bilder werden auf Android an die Seite angepasst.
Die URL ohne Login erreichbar machen
Die App lädt die Datei unter
printItemselbst herunter, und laut Doku muss diese URL vom Gerät aus öffentlich erreichbar sein. Nutze einen kurzlebigen signierten Link ohne&und#, zum Beispielhttps://app.yourdomain.com/print/8f3a2c.pdf.printitem:// über den Button aufrufen
Navigiere zu
printitem://?jobName=Rechnung%20%23123&printItem=https://…/invoice.pdf.printItemist Pflicht,jobNameist optional und muss URL-kodiert sein (Android zeigt ohne ihn „Print Job“). LassprintItemwie in der Doku als letzten Parameter stehen.Den Browser-Weg behalten
Erkenne die App am eigenen User Agent, den du in WebViewGold festlegst. In einem normalen Browser behältst du
window.print()oder öffnest das PDF, damit sein Viewer es druckt.Mit einem Drucker und mit „Als PDF speichern“ testen
Druck ein mehrseitiges PDF und ein Bild auf iPhone und Android und probier „Als PDF speichern“ aus. Prüf Ränder, Seitenumbrüche und den Auftragsnamen in der Druckwarteschlange.
Ein Druck-Helper für App und Browser
Der Helper fragt deinen Server nach einer kurzlebigen Datei-URL und wählt den richtigen Weg. Bei deiner Claude Code-App gehört die PDF-Route in Deine eigenen API-Routen, Serverless Functions oder Supabase.
javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // dein eigener User-Agent-Token
async function printInvoice(invoiceId) {
// der Server erzeugt ein PDF und liefert einen kurzlebigen, öffentlich erreichbaren Link
var res = await fetch("/api/invoices/" + invoiceId + "/print-link", { method: "POST" });
var link = (await res.json()).url; // z. B. https://app.yourdomain.com/print/8f3a2c.pdf
if (IN_APP) {
var job = encodeURIComponent("Rechnung " + invoiceId);
window.location.href = "printitem://?jobName=" + job + "&printItem=" + link; // printItem zuletzt
} else {
window.location.assign(link); // Browser: der PDF-Viewer druckt es
}
}Gut zu wissen vor dem Release
- Das Drucken selbst löst keine Berechtigungsabfrage aus. Die Datei wird vorübergehend auf dem Gerät zwischengespeichert; auf Android wird sie gelöscht, sobald der Auftrag in der Warteschlange steht.
- Bluetooth-Bondrucker, die weder AirPrint noch den Android-Druckdienst unterstützen, sind nicht abgedeckt: Sie brauchen das SDK des Herstellers, also eine individuelle native Integration.
- Halte persönliche Daten aus Dateinamen und Auftragsnamen heraus; Druckwarteschlangen und Druckerprotokolle speichern sie.
- Drucken ist ein glaubwürdiges natives Feature für Business-Apps (Rechnungen, Tickets, Etiketten). Führ es in den Review-Notizen zusammen mit deinen anderen nativen Features auf; allein trägt es kein Argument nach Guideline 4.2.
Häufig gestellte Fragen
Warum passiert bei window.print() in der App nichts?
App-WebViews setzen den Druckbefehl des Browsers nicht so um wie Safari und Chrome, deshalb bleibt der Aufruf meist wirkungslos. printitem:// übergibt stattdessen eine Datei an das native Drucksystem, das auch mehrseitige PDFs zuverlässiger verarbeitet.
Können Nutzer statt zu drucken ein PDF speichern?
Ja. Android bietet im Druckdialog „Als PDF speichern“ an, und auf iOS können Nutzer das Dokument aus den Druckoptionen heraus sichern oder teilen. Viele nutzen genau das, um Rechnungen abzulegen.
Kann ich den Bildschirm drucken, den der Nutzer gerade sieht?
printitem:// druckt eine Datei von einer URL. Erzeug diese Ansicht auf dem Server als PDF (die meisten Stacks haben dafür eine PDF-Bibliothek oder einen Headless-Browser) und übergib den Link; auf Papier sieht das auch besser aus als das Web-Layout.
Muss die Datei öffentlich sein?
Sie muss vom Gerät aus ohne deinen Login erreichbar sein. Ein signierter Link, der nach ein paar Minuten abläuft, erfüllt das, ohne Rechnungen dauerhaft offenzulegen.
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.