Modèle de démarrage rapide

Fonctionnalités du modèle

Le modèle se propose d'enchaîner dans une seule page les principales opérations pour authentifier un utilisateur vis à vis d'un service dont les propriétes d'authentification ont été préalablement définies dans votre Espace client.

Pour disposer d'un service opérationnel avec un minimum d'effort, le service intègre les librairies clientes RemAuth qui gèrent l'interface utilisateur d'authentifcation et enchainent les appels à l'API. Dans un deuxième temps, vous pourrez bien sûr personnaliser ces librairies selon vos propres besoins.

  1. Intégration de la librarie PHP RemAuth puis initialisation avec la clé et le secret du service que vous aurez défini dans votre Espace client.
  2. Insertion d'une balise META contenant un jeton de sécurité valable 10 minutes grâce à la méthode meta_with_token(10).
  3. Chargement de la librairie JavaScript RemAuth pour prendre en charge l'interface utilisateur d'authentification. Si besoin, cette librairie charge également les libraries externes dont elle dépend et qui ne seraient pas déjà chargées à cette étape :
    • jQuery, pour lire les données du jeton, effectuer les appels d'API HTTP et gérerl'interface utilisateur,
    • Socket.io, pour les notifications temps réel par web socket,
    • En cas de besoin, la librairie Fingerprint2 permet l'identification du terminal en cas de gestion de session par RemAuth.
  4. Initialisation du client JavaScript RemAuth à l'issue du chargement de la page et définition des évènements qui en dépendent tels qu'ici :
    • l'affichage de l'heure d'expiration du jeton de sécurité,
    • le déclenchement de l'authentification au clic du bouton et l'affichage du statut résultant. Notez qu'ici l'option invite est positionnée avec le code linguistique "en" ce qui signifie qu'un utilisateur inconnu est inscrit à la volée grâce à un email envoyé en anglais.

Code source du modèle


                    

Le modèle en action

Cette page est la mise en oeuvre directe du modèle précédent avec les paramètres de service identiques à la rubrique Démonstration détaillée.

Autres exemples

Vous pouvez retrouver le code source du modèle précédent ainsi que plusieurs autres exemples de mise en oeuvre de l'authentifcation par QR-code dans les pages GitHub de RemAuth.