Factures et reçus
Outils pour petites entreprises, apps de réservation et places de marché : le client ou la boutique imprime la facture que votre backend génère déjà.
Ce que l'on imprime depuis les apps
Billets, étiquettes et badges
Billets d'événement, étiquettes d'expédition, badges nominatifs, laissez-passer avec QR code. Générez-les en PDF au bon format de papier et imprimez-les en deux gestes.
Rapports, fiches d'exercices et recettes
Rapports hebdomadaires, fiches d'exercices scolaires, programmes d'entraînement, recettes et checklists que l'on veut encore sur papier ou dans un PDF soigné.
Certificats et confirmations
Certificats de formation, confirmations de réservation et contrats signés, imprimés ou enregistrés en PDF directement depuis l'écran où l'utilisateur les consulte.
Prompt pour Bolt
Collez ceci dans Bolt pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt à coller dans Bolt
Ajoutez l'impression native des billets pour le wrapper d'app WebViewGold. 1) Créez une Netlify Function print-ticket servie sur le chemin propre /print/:token (sans query string), qui vérifie un token signé par HMAC avec PRINT_SIGNING_SECRET issu de l'environnement, charge le billet depuis Supabase avec la clé service role et renvoie un PDF (Content-Type application/pdf) au format A6 ou 4 x 6 pouces. 2) Ajoutez une Netlify Function print-link qui renvoie, pour l'utilisateur connecté, https://OUR_DOMAIN/print/TOKEN avec un token valable 5 minutes. 3) Sur la page du billet, ajoutez un bouton Imprimer : quand navigator.userAgent contient WebViewGold, récupérez le lien et naviguez vers "printitem://?jobName=" + encodeURIComponent("Billet " + code) + "&printItem=" + link ; dans un navigateur, ouvrez plutôt le lien. 4) N'exposez jamais le secret de signature ni la clé service role dans une variable VITE_. 5) Affichez un indicateur de chargement pendant la préparation du PDF.
Excellent travail! Je n'ai jamais codé quoi que ce soit, mais j'ai réussi à travailler avec cela. Facile et rapide! Avec une grande aide des créateurs!
Ajouter un bouton Imprimer qui fonctionne
Environ une heure, dont l'essentiel pour le modèle PDF.
Générez un fichier imprimable
Générez la facture, le billet ou le rapport en PDF (ou en PNG/JPG) sur le serveur, au format du papier prévu : Letter ou A4, une étiquette de 4 × 6 pouces, un billet. Sur Android, les images sont mises à l'échelle pour tenir sur la page.
Rendez l'URL accessible sans connexion
L'app télécharge elle-même le fichier indiqué dans
printItem, et la documentation exige que cette URL soit accessible publiquement depuis l'appareil. Utilisez un lien signé de courte durée, sans&ni#, par exemplehttps://app.yourdomain.com/print/8f3a2c.pdf.Appelez printitem:// depuis le bouton
Naviguez vers
printitem://?jobName=Facture%20%23123&printItem=https://…/invoice.pdf.printItemest obligatoire ;jobNameest facultatif et doit être encodé pour les URL (sans lui, Android affiche « Print Job »). PlacezprintItemen dernier, comme dans la documentation.Gardez le parcours navigateur
Détectez l'app grâce au user agent personnalisé défini dans WebViewGold. Dans un navigateur classique, gardez
window.print()ou ouvrez le PDF pour que sa visionneuse l'imprime.Testez avec une imprimante et avec Enregistrer au format PDF
Imprimez un PDF multipage et une image sur iPhone et sur Android, et essayez Enregistrer au format PDF. Vérifiez les marges, les sauts de page et le nom de la tâche dans la file d'impression.
Un helper d'impression pour l'app et le navigateur
Le helper demande à votre serveur une URL de fichier de courte durée et choisit le bon parcours. Pour votre app Bolt, la route PDF a sa place ici : Supabase, Firebase ou votre propre API.
javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // votre token de user agent personnalisé
async function printInvoice(invoiceId) {
// le serveur génère un PDF et renvoie un lien de courte durée, accessible publiquement
var res = await fetch("/api/invoices/" + invoiceId + "/print-link", { method: "POST" });
var link = (await res.json()).url; // ex. https://app.yourdomain.com/print/8f3a2c.pdf
if (IN_APP) {
var job = encodeURIComponent("Facture " + invoiceId);
window.location.href = "printitem://?jobName=" + job + "&printItem=" + link; // printItem en dernier
} else {
window.location.assign(link); // navigateur : la visionneuse PDF l'imprime
}
}Bon à savoir avant de publier
- L'impression elle-même ne déclenche aucune demande d'autorisation. Le fichier est mis en cache temporairement sur l'appareil ; sur Android, il est supprimé dès que la tâche est placée dans la file d'impression.
- Les imprimantes de tickets Bluetooth qui ne prennent en charge ni AirPrint ni le service d'impression Android ne sont pas couvertes : elles nécessitent le SDK du fabricant, donc une intégration native sur mesure.
- Gardez les données personnelles hors des noms de fichiers et des noms de tâches ; les files d'impression et les journaux des imprimantes les conservent.
- L'impression est une fonctionnalité native crédible pour les apps professionnelles (factures, billets, étiquettes). Mentionnez-la dans les notes de validation avec vos autres fonctionnalités natives ; à elle seule, elle ne suffira pas à convaincre au regard de la guideline 4.2.
Questions fréquentes
Pourquoi window.print() ne fait-il rien dans l'app ?
Les WebViews d'app n'implémentent pas la commande d'impression du navigateur comme Safari et Chrome, si bien que l'appel reste généralement sans effet. printitem:// confie plutôt un fichier au système d'impression natif, qui gère aussi les PDF multipages de façon plus fiable.
Les utilisateurs peuvent-ils enregistrer un PDF au lieu d'imprimer ?
Oui. Android propose Enregistrer au format PDF dans la boîte de dialogue d'impression, et sur iOS les utilisateurs peuvent enregistrer ou partager le document depuis les options d'impression. Beaucoup s'en servent précisément pour archiver leurs factures.
Puis-je imprimer l'écran que l'utilisateur est en train de regarder ?
printitem:// imprime un fichier à partir d'une URL. Générez cette vue en PDF sur le serveur (la plupart des stacks ont une bibliothèque PDF ou un navigateur headless pour cela) et transmettez le lien ; le résultat est d'ailleurs plus soigné sur papier que la mise en page web.
Le fichier doit-il être public ?
Il doit être accessible depuis l'appareil sans votre connexion. Un lien signé qui expire au bout de quelques minutes le permet, sans exposer vos factures en permanence.
Trois façons de mettre votre app dans les stores
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
Faites-le vous-même
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principaleCloud Builder
$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuiteFull Service
$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.