So fügen Sie einen QR-Code-Leser hinzu

QR-Code-Leser

Mit einem QR-Code-Bereich scannen Ihre Nutzer einen Code auf einem Plakat oder in Ihrer Printausgabe, und er öffnet eine Seite Ihrer App oder eine Webseite.

Den Bereich hinzufügen

Klicken Sie unter „My App“, Structure, auf „Add a section“… suchen Sie nach QR und wählen Sie „QR Code“.

Behalten Sie den Namen oder ändern Sie ihn, bis zu 32 Zeichen. Klicken Sie dann auf Add.

Der Bereich steht nun am Ende Ihres Menüs. In der Vorschau bleibt der Scanner dunkel: Sie testen ihn auf einem Smartphone.

„QR Code reader“ steht jetzt auch in Ihren Erweiterungen, unter „Extensions Store“, Management.

Design

Zurück in Structure: Öffnen Sie den Bereich und klicken Sie auf „Edit the design“.

Wählen Sie unter Button die Farben des runden Buttons unten im Scanner.

Text legt Schrift und Farbe der Nachricht fest, die Nutzer sehen, wenn sie die Kamera ablehnen. Wählen Sie eine auf Ihrem Hintergrund gut lesbare Farbe.

Kameraberechtigung

Der Bereich nutzt die Kamera des Smartphones. Öffnen Sie unter Settings das „Privacy center“.

Camera für iPhone und Web-App und „Camera view“ für Android sind jetzt aktiv. Der Bereich hält sie aktiv, solange er in Ihrer App ist.

Erklären Sie unter Message, warum Ihre App die Kamera nutzt: Die App-Stores können eine Begründung verlangen.

Geänderte Berechtigungen gelten, sobald Sie Ihre App neu erstellen und erneut bei den Stores einreichen.

In der App scannen

Öffnen Sie zum Testen Ihre App auf einem Smartphone. Der Bereich „QR Code“ steht am Ende des Menüs.

Beim ersten Mal fragt das Smartphone nach Zugriff auf die Kamera.

Richten Sie die Kamera auf einen QR-Code, wie diesen auf einem Plakat von River Daily. Der runde Button zeigt Ihre Farben.

Ein Code mit der Adresse einer Seite Ihrer App öffnet diese sofort.

Ein Code mit einer Webadresse fragt zuerst nach… und öffnet dann die Webseite. Schließen Sie sie, um zum Scanner zurückzukehren.

Und lehnen Nutzer die Kamera ab, zeigt der Bereich diese Nachricht in Ihrem Stil unter Text.

Ihre App erhält den Bereich „QR Code“, sobald Sie ihn mit „Publish my project“ veröffentlichen.