c't 4/2021
S. 142
Praxis
QR-Codes
Bild: Thorsten Hübner

Pixel mit Bedeutung

QR-Codes mit JavaScript lesen und generieren

QR-Codes leiten Nutzer aus der analogen Welt auf Websites und helfen beim Wechsel zwischen Desktop- und Mobilgeräten. Das funktioniert auch ohne App: Mit den richtigen JavaScript-­Bibliotheken integrieren Sie QR-Codes in Webanwendungen.

Von Manuel Ottlik

QR-Codes tauchen im Alltag immer mal wieder auf: auf Speise- und ­Konzertkarten oder auf Werbung an Litfaß­säulen. Meistens kodieren sie nur einen Link, theoretisch kann man aber jede beliebige Zeichenfolge in ein quadratisches Pixelbild verwandeln. Bis zu 4296 alphanumerische Zeichen lassen sich in einem QR-Code unterbringen – weit mehr als nur ein Link. Solch eine Zeichenfolge kann man nicht nur serverseitig, sondern auch clientseitig in einer Webanwendung kodieren. Und auch zum Einlesen brauchen Sie keine App: Über ein JavaScript-API kann jeder Browser auf die Kamera zugreifen und mit den richtigen Bibliotheken QR-Codes interpretieren.

Für QR-Codes in der eigenen Webanwendung kann es viele Gründe geben. So regelt unter anderem WhatsApp die Registrierung der Endgeräte für Whats­App Web über einen QR-Code. Immer dann, wenn der Nutzer vor einem ­Medienbruch steht, also zum Beispiel von einem Stück Papier zum Handy, oder vom Handy zum Desktop-PC wechseln soll, erleichtern solche Codes den Übergang. Außer einem Link können Sie dann unter anderem ein Token zur Authen­tifizierung kodieren – oder gleich ein JSON-Objekt mit verschiedenen Informationen.

Alle heise-Magazine mit heise+ lesen

3,99 € / Woche

Ein Abo, alle Magazine: c't, iX, Mac & i, Make & c't Fotografie

  • Alle heise-Magazine im Browser und als PDF
  • Alle exklusiven heise+ Artikel frei zugänglich
  • heise online mit weniger Werbung lesen
  • Vorteilspreis für Magazin-Abonnenten
Jetzt unbegrenzt weiterlesen Vierwöchentliche Abrechnung.

Alle Ausgaben freischalten

2,95 € 0,25 € / Woche

Nach Testphase 2,95 € wtl.

  • Zugriff auf alle c't-Magazine
  • PDF-Ausgaben zum Herunterladen
  • Zugriff in der c't-App für unterwegs
Jetzt testen Nach Testphase jederzeit monatlich kündbar.

Ausgabe einmalig freischalten

5,50 € / Ausgabe

Diese Ausgabe lesen – ohne Abobindung

  • Sicher einkaufen im heise shop
  • Magazin direkt im Browser lesen
  • Dauerhaft als PDF behalten

Kommentare lesen (1 Beitrag)