Comment ajouter un lecteur de QR code à votre app ?

Le scanner de QR Code

Avec une section QR Code, vos utilisateurs scannent un code imprimé sur une affiche ou dans votre édition papier, et il ouvre une page de votre app ou une page web.

Ajouter la section

Dans « My App », Structure, cliquez sur « Add a section »… recherchez QR, puis choisissez « QR Code ».

Gardez son nom, ou changez-le, jusqu'à 32 caractères. Cliquez ensuite sur Add.

La section s'ajoute à la fin de votre menu. Dans l'aperçu, le scanner reste noir : vous l'essaierez sur un téléphone.

« QR Code reader » figure aussi désormais dans vos extensions, sous « Extensions Store », Management.

Le design

De retour dans Structure, ouvrez la section et cliquez sur « Edit the design ».

Sous Button, choisissez les couleurs du bouton rond en bas du scanner.

Text règle la police et la couleur du message affiché si l'utilisateur refuse l'accès à la caméra. Choisissez une couleur bien lisible sur votre fond.

La permission caméra

La section utilise la caméra du téléphone. Dans Settings, ouvrez « Privacy center ».

Camera, pour l'iPhone et la web app, et « Camera view », pour Android, sont désormais activées. Elles le restent tant que la section est dans votre app.

Dans Message, expliquez pourquoi votre app utilise la caméra : les stores peuvent exiger une justification.

Les changements de permissions s'appliquent une fois votre app recompilée et soumise à nouveau aux stores.

Scanner dans l'app

Pour l'essayer, ouvrez votre app sur un téléphone. La section QR Code termine le menu.

La première fois, le téléphone demande l'accès à la caméra.

Pointez la caméra vers un QR code, comme celui de cette affiche de River Daily. Le bouton rond porte vos couleurs.

Un code contenant l'adresse d'une page de votre app l'ouvre aussitôt.

Un code avec une adresse web demande d'abord confirmation… puis ouvre la page web. Fermez-la pour revenir au scanner.

Et si l'utilisateur refuse l'accès à la caméra, la section affiche ce message, dans votre style Text.

Votre section QR Code n'arrive dans votre app qu'une fois publiée, avec « Publish my project ».