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 Cursor
Füge das in Cursor ein, um die Web-App-Seite umzusetzen. Prüfe das Ergebnis, veröffentliche und teste dann in der WebViewGold-App.
Prompt für den Cursor-Agenten
Prompt für den Cursor-Agenten: Baue natives Drucken für den WebViewGold-App-Wrapper ein. 1) Erstelle lib/webviewgold/print.ts mit dem Export printFile(url, jobName), das, wenn navigator.userAgent meinen eigenen WebViewGold-Token enthält, zu "printitem://?jobName=" + encodeURIComponent(jobName) + "&printItem=" + url navigiert und die URL sonst in einem neuen Tab öffnet. 2) Füge eine Server-Route GET /print/:token hinzu, die einen signierten Token (5 Minuten) prüft und ein PDF zurückgibt, das aus unserem bestehenden Rechnungs-Markup gerendert wird. 3) Füge einen POST-Endpunkt hinzu, der den Token für den eingeloggten Nutzer erzeugt und die absolute URL auf unserer Produktionsdomain zurückgibt, ohne Query-String. 4) Verbinde einen Drucken-Button auf Rechnungen und Tickets damit. 5) Schreib einen Integrationstest, der die Druck-URL ohne Cookies abruft und 200 sowie application/pdf erwartet. 6) Dokumentiere den Vertrag für printitem:// in .cursor/rules.
Großartige Arbeit! Ich habe noch nie etwas programmiert, aber ich konnte damit arbeiten. Einfach und schnell! Auch mit großartiger Hilfe von den Erstellern!
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 Cursor-App gehört die PDF-Route in Deine eigenen API-Routen oder Dienste.
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.