QR Code Generator Einführung
Ein QR-Code ist der kürzeste Weg von einem Bildschirm oder einem gedruckten Blatt zum Smartphone: ein Link zu einem Dokument, die Kontaktdaten eines Mitarbeiters, der Zugang zum Gäste-WLAN, die Einladung zu einer Veranstaltung. Meist werden solche Codes auf öffentlichen Websites erstellt – ein interner Link, eine Telefonnummer oder ein Netzwerkkennwort wird also in einen Dienst eingegeben, den im Unternehmen niemand kontrolliert. QR Code Generator holt diese Aufgabe nach SharePoint: Der Code wird im Browser des Benutzers erzeugt, auf einer Seite Ihres eigenen Intranets.
QR Code Generator ist ein SharePoint Framework-Webpart für moderne SharePoint Online-Seiten und Microsoft Teams. Dieser Artikel stellt die Lösung vor: wo sie funktioniert, was der Benutzer sieht, welche Daten codiert werden können, wie sich der Code gestalten lässt und wie das Ergebnis die Seite verlässt.
Wo QR Code Generator funktioniert
QR Code Generator wird als einzelnes Paket aus dem App-Katalog in einem Microsoft-365-Mandanten bereitgestellt und steht danach auf jeder Website des Mandanten zur Verfügung. Das Webpart kann platziert werden:
- auf jeder modernen Seite – einer Websiteseite, einem Newsbeitrag oder einer Startseite, in einem regulären Abschnitt oder einem Abschnitt in voller Breite;
- auf einer App-Seite mit einem einzelnen Webpart, auf der der Generator der einzige Inhalt der Seite ist;
- als Registerkarte in einem Microsoft-Teams-Kanal oder als persönliche App in Teams.
Das Webpart folgt dem Design der Website, einschließlich dunkler Designs und der Farbvarianten eines Seitenabschnitts. Seine Oberfläche ist in 50 Sprachen verfügbar, die automatisch anhand der Sprache des Benutzers ausgewählt werden.
📝 Hinweis
QR Code Generator unterstützt nur moderne Seiten. Es kann nicht zu klassischen Seiten hinzugefügt werden.
Was der Benutzer sieht
Das Webpart besteht aus zwei Bereichen. Links befinden sich die Datenregisterkarten – eine Registerkarte für jeden Datentyp – und darunter sieben reduzierbare Designabschnitte: Form, Logo, Farben, Corner Square, Corner Dots, Error Correction und Size. Rechts befindet sich die Vorschau QR-Code mit drei Schaltflächen: Aktualisieren, Kopieren und Herunterladen.
Die Vorschau wird nach jeder Änderung neu aufgebaut, sodass der Benutzer das Ergebnis schon während der Eingabe sieht. Ist ein Pflichtfeld der ausgewählten Registerkarte leer, erscheint anstelle der Vorschau die Meldung, dass mindestens ein Pflichtfeld leer ist, und die Schaltflächen bleiben deaktiviert, bis das Feld ausgefüllt ist.
Alle Einstellungen des Generators befinden sich im Webpart selbst. Der Eigenschaftenbereich enthält nur die Gruppe Info mit den Lizenzinformationen.
Datentypen
Das Webpart codiert neun Arten von Daten. Der Typ wird über die Registerkarte gewählt, und das Smartphone entscheidet anhand des Inhalts, was es mit dem gescannten Code tut.
| Registerkarte | Was codiert wird | Was nach dem Scannen geschieht |
|---|---|---|
| URL | Die Adresse einer Webseite | Die Seite wird im Browser geöffnet |
| Text | Beliebiger unformatierter Text | Der Text wird auf dem Bildschirm angezeigt |
| vCard | Eine Visitenkarte: Name, Telefonnummern, E-Mail, Firma, Abteilung, Position, Website und Postanschrift | Ein neuer Kontakt wird für das Adressbuch vorgeschlagen |
| Wi-Fi | Netzwerkname, Kennwort, Verschlüsselungstyp und das Kennzeichen für ein ausgeblendetes Netzwerk | Das Telefon verbindet sich mit dem Netzwerk |
| Empfänger, Betreff und Nachricht | Die Mail-App wird mit einer vorbereiteten Nachricht geöffnet | |
| SMS | Telefonnummer und Nachricht | Die Nachrichten-App wird mit einer vorbereiteten Nachricht geöffnet |
| Telefon | Telefonnummer | Das Telefon bietet an, die Nummer anzurufen |
| Location | Breiten- und Längengrad | Der Punkt wird in der Karten-App geöffnet |
| Event | Titel, Ort, Beginn und Ende | Der Termin wird für den Kalender vorgeschlagen |
Die Felder jeder Registerkarte sind in KB10264. QR-Code-Datentypen: URL, Text, vCard, WLAN, E-Mail, SMS, Telefon, Standort und Termin beschrieben.
Design
Ein vom Webpart erzeugter Code muss nicht schwarz-weiß sein. Mit den Designabschnitten lässt er sich an das Corporate Design anpassen:
- Form – sechs Stile für die Punkte, aus denen der Code besteht, jeweils als Bild dargestellt;
- Farben – die Farbe der Punkte und des Hintergrunds, beide mit Transparenz, sowie ein optionaler linearer oder radialer Farbverlauf aus zwei Farben;
- Corner Square und Corner Dots – Form und Farbe der drei Positionsmarkierungen in den Ecken des Codes;
- Logo – ein Firmenlogo in der Mitte des Codes mit einstellbarer Größe und einstellbarem Abstand;
- Error Correction – welcher Anteil des Codes beschädigt oder verdeckt sein darf, ohne dass der Code unlesbar wird;
- Size – die Größe des heruntergeladenen Bilds, von 300 bis 4000 Pixel.
Siehe KB10265. QR-Code-Design anpassen: Form, Farben, Farbverlauf und Ecken und KB10266. So fügen Sie einem QR-Code ein Firmenlogo hinzu.
Das Ergebnis verwenden
Die Schaltfläche Herunterladen speichert den Code als Datei in einem von vier Formaten: PNG, JPEG, SVG oder WebP. SVG ist ein Vektorformat und lässt sich in jeder Größe ohne Qualitätsverlust drucken. Die Schaltfläche Kopieren legt den Code als PNG-Bild in der Zwischenablage ab, bereit zum Einfügen in eine E-Mail, ein Dokument oder eine Präsentation. Einzelheiten finden Sie in KB10267. QR-Code herunterladen und kopieren: PNG, JPEG, SVG und WebP.
Eine mit der Seite gespeicherte Konfiguration
Alles, was im Webpart eingestellt wird, während die Seite bearbeitet wird – die ausgewählte Registerkarte, die eingegebenen Daten, die Farben, die Form, das Logo und die Größe –, wird zusammen mit der Seite gespeichert. Ein Seitenautor bereitet einen Code einmal vor, zum Beispiel für das Gäste-WLAN eines Besprechungsraums, und jeder Besucher der Seite sieht diesen Code sofort. Siehe KB10268. Einen vorkonfigurierten QR-Code auf einer SharePoint-Seite veröffentlichen.
Datenschutz
Der QR-Code wird vollständig im Browser erzeugt. Die Daten, die der Benutzer eingibt – Kennwörter, Kontakte, Koordinaten –, werden für die Erzeugung nicht an einen externen Dienst gesendet. Das Paket fordert keine zusätzlichen API-Berechtigungen an, sodass auf der Seite API-Zugriff des SharePoint Admin Centers nichts genehmigt werden muss.
❗ Wichtig
Eine mit der Seite gespeicherte Konfiguration wird in den Eigenschaften des Webparts als Klartext abgelegt. Jeder, der die Seite öffnen kann, kann die gespeicherten Daten lesen, auch ein WLAN-Kennwort. Veröffentlichen Sie Codes mit vertraulichen Daten nur auf Seiten mit einem passenden Benutzerkreis.
Lizenzierung
QR Code Generator wird mit einem Testzeitraum installiert. Die Gruppe Info des Eigenschaftenbereichs zeigt den Status der Lizenz, die Version des Webparts, das Anfangsdatum des Abonnements und den Mandant, dem es zugewiesen ist. Wenn der Testzeitraum endet, zeigt das Webpart anstelle des Generators einen Hinweis an, bis ein Abonnement aktiviert wird.
Nächste Schritte
💡 Tipp
Wie Sie das Paket bereitstellen, das Webpart auf einer Seite platzieren und den ersten Code erstellen, erfahren Sie in KB10263. So fügen Sie QR Code Generator einer Seite hinzu und erstellen Ihren ersten QR-Code.