Générer des QR codes en JavaScript

Les bibliothèques QR gèrent la matrice, le masquage et la correction d’erreurs. Votre application doit néanmoins choisir un niveau de correction, une marge, une taille d’image et un encodage adaptés.

Démarrage rapide#

L’exemple suivant utilise l’API standard de JavaScript ou une bibliothèque couramment utilisée pour cette tâche.

Exemple#

1// npm install qrcode2import QRCode from "qrcode";34const dataUrl = await QRCode.toDataURL("https://toolporta.com", {5  errorCorrectionLevel: "M",6  margin: ,7  width: ,8});910console.log(dataUrl);

Opérations courantes#

Ce second exemple couvre une opération fréquente en production ou une manière plus sûre de traiter des entrées réelles.

Variante courante#

1await QRCode.toFile("toolporta.png", "https://toolporta.com", {2  errorCorrectionLevel: "M",3  margin: ,4  width: ,5});

Points importants#

Conservez une marge suffisante et un contraste élevé. Si vous ajoutez un logo, augmentez la correction d’erreurs et testez le QR code avec de vrais scanners.

Bonnes pratiques#

1. Considérez toute entrée externe comme non fiable et gérez explicitement les erreurs d’analyse ou de validation.
2. Rendez explicites l’encodage, les unités, les formats et les conventions propres aux bibliothèques aux frontières du système.
3. Ajoutez des tests couvrant l’entrée vide, le texte Unicode, les entrées invalides et des données représentatives de la production.

Références#

• ISO/IEC 18004 overview
• MDN JavaScript