Application – Connexion

Introduction

La connexion est un mécanisme d’authentification permettant à un utilisateur d’accéder aux services. Il repose sur l’utilisation d’identifiants uniques, composés d’un nom d’utilisateur et d’un mot de passe. Lors de la connexion, les informations sont vérifiées pour permettre un accès sécurisé aux ressources ou fonctionnalités réservées.

L’objectif est de mettre à jour la version Legacy.

Version Legacy : Legacy

Nouvelle version : Nouvelle

Version legacy

Version UI : PHPReaction-SF6.4-2024-Legacy

Nouvelle version

Version UI : PHPReaction-Login-v1.7.0-2025-React

Connexion

Quand l’utilisateur essayera d’accéder à n’importe quelle application sans être connecté, l’utilisateur se fera redirigé sur la page de connexion. Chaque utilisateur est associé à un compte.

Nom d’utilisateur

  • Description : Le nom d’utilisateur de votre compte.
  • Exemple : johndoe

Mot de passe

  • Description : Le mot de passe associé à votre compte.
      • Toujours s’assurer qu’il est très sécurisé, pour éviter que quelqu’un d’autre puisse accéder à votre compte.
  • Exemple : MonMotDePass1234!!!!
  • Exemple Fort : FdGjJY?4FghHJU78?FGYmkR%??

Authentification Multi-facteurs (MFA)

MFA signifie Multi-Factor Authentication (authentification multi-facteur).

Cela signifie que pour vous connecter, vous devez utiliser plus d’un facteur d’authentification.

Les facteurs les plus courants sont :

  • Quelque chose que vous connaissez → votre mot de passe

  • Quelque chose que vous possédez → votre téléphone ou une clé de sécurité

  • Quelque chose que vous êtes → biométrie (empreinte digitale, Face ID)

Le MFA combine au moins deux de ces facteurs pour améliorer la sécurité de votre compte.

2FA signifie Two-Factor Authentication (authentification à deux facteurs).

C’est un type spécifique de MFA qui utilise exactement deux facteurs et c’est ce que nous utiliserons comme moyen d’authentification.

C’est important de configurer le MFA pour augmenter la sécurité de son compte, pour s’assurer que personne ne puisse y accéder sans une confirmation que l’utilisateur est légitime.

Si vous n’avez pas encore activé le MFA sur votre compte, voici comment le faire : Configuration de TOTP

Le processus se fait en 2 étapes : 

  1. Connexion standard : Vous vous rendez sur la page de connexion et vous suivez le processus normal
  2. Si vous avez le TOTP activé : Une page vous demandera le code dans votre application d’authentification, il vous suffira d’entrer ce code là dans le champ.

Après une connexion réussie, par défaut vous serez redirigé vers dashboard sinon vers l’application souhaitée.

Actions alternatives

Reinitialization de mot de passe

Dans le cas où vous auriez oublié le mot de passe de votre compte, vous avez un moyen de le réinitialiser. 

La réinitialization se fait en 3 étapes : 

1. Acceder à la page mot de passe oublié

Rendez-vous sur la page de connexion et cliquez sur le bouton mot de passe oublié, juste en dessous du champ mot de passe

2. Entrez le courriel lié à votre compte

3. Réinitialiser le mot de passe

Un courriel vous sera envoyé, vous n’aurez plus qu’à cliquer sur le lien et entrer le nouveau mot de passe que vous souhaitez

Changer de mot de passe

Si vous souhaitez changer de mot de passe : Comment changer de mot de passe .

Changer de courriel

Si vous souhaitez changer de courriel : Comment changer de courriel  .

Configurer l'authentification multi-facteur

Si jamais l’authentification multi-facteur n’est pas encore configuré sur votre compte : Configurer un TOTP

Systèmes de sécurité

Plusieurs systèmes de sécurité ont été mis en place pour protéger les utilisateurs et le site web, notamment : 

Mot de passe fort requis

Pour protéger votre compte, il est important d’utiliser un mot de passe fort et unique.

Un mot de passe sécurisé est plus difficile à deviner ou à compromettre.

Recommandations

Un bon mot de passe devrait :

  • contenir au moins 12 caractères

  • inclure des lettres majuscules et minuscules

  • inclure des chiffres

  • inclure des caractères spéciaux

    • ! @ # $ % ^ & * ( ) - _ + = [ ] { } ; : , . ? /

 

L’utilisation d’un gestionnaire de mots de passe est fortement recommandé peut vous aider à générer et stocker des mots de passe sécurisés sans avoir à les mémoriser. 

reCAPTCHA V3

Le reCAPTCHA V3 est un outil de sécurité en ligne conçu par Google pour différencier les utilisateurs humains des robots. Cela aide à prévenir le spam, les fraudes et les accès non autorisés pour protéger le compte d’un utilisateur et le site web.

Contrairement aux versions précédentes, le reCAPTCHA V3 fonctionne en arrière-plan, en attribuant un score basé sur les interactions de l’utilisateur avec le site, sans interrompre l’expérience utilisateur.

Pour plus de détails : Référence officiel

Problèmes possibles

Situations que vous pourriez rencontrez dû à cette protection :

  • un message indiquant que la vérification de sécurité a échoué

  • l’impossibilité de soumettre un formulaire

  • une demande de réessayer plus tard

Causes probables

Situations que vous pourriez rencontrez dû à cette protection :

  • navigation très rapide

  • utilisation de VPN ou proxy

  • bloqueurs de scripts

  • extensions

Solutions 

Si vous rencontrez un des situations :

  • rafraîchir la page
  • désactiver les bloqueurs de publicité
  • désactiver les extensions agressives
  • désactiver le VPN
  • utiliser un navigateur récent ou mettre à jour votre navigateur

Limitation des tentatives de connexion

Les limitations de tentatives de connexion sont un système de sécurité qui restreint le nombre de tentatives de connexion possibles sur une courte période. Cela permet d’empêcher les robots ou attaquants d’essayer plusieurs combinaisons rapidement pour forcer l’accès à un compte. Dans notre cas, si un utilisateur fait plus de 3 tentatives de connexion en moins de 10 secondes, il sera invité à attendre un moment avant de réessayer. Ce mécanisme aide à protéger les comptes contre les intrusions non autorisées.

Pour plus de détails : Référence officiel

Problèmes possibles

Situations que vous pourriez rencontrez dû à cette protection :

  • un message indiquant que Trop de tentatives de connexion. Veuillez attendre avant de réessayer.

  • l’impossibilité de soumettre un formulaire

  • une demande de réessayer plus tard

  • un délai avant que le formulaire de connexion fonctionne à nouveau

Causes probables

Situations que vous pourriez rencontrez dû à cette protection :

  • vous avez saisi un mauvais mot de passe plusieurs fois

  • un gestionnaire de mots de passe tente plusieurs connexions

  • plusieurs personnes utilisent le même compte

Solutions 

Si vous rencontrez un des situations :

  • Attendez 2 à 3 minutes et réessayez ensuite de vous connecter
  • vérifiez que votre mot de passe est correct
  • Si vous avez oublié votre mot de passe :

Attention, attendez bien un moment avant de retenter, parce que si vous retentez alors que le bloquage est encore en cours, le temps d’attente augmentera, jusqu’à bloquer votre compte.

Jetons CSRF

Un jeton CSRF est une mesure de sécurité qui protège les utilisateurs contre des actions non autorisées faites à leur insu. Il fonctionne comme un code secret ajouté à chaque action sensible (comme la connexion). Si ce code manque ou est faux, l’action est bloquée, empêchant ainsi toute tentative malveillante.

Pour plus de détails : Référence officiel

Problèmes possibles

Situations que vous pourriez rencontrez dû à cette protection :

  • un message indiquant que Session invalide.

  • l’impossibilité de soumettre un formulaire

Causes probables

Situations que vous pourriez rencontrez dû à cette protection :

  • la page est restée ouverte trop longtemps

  • votre session a expiré

  • la page a été rafraîchie plusieurs fois

Solutions 

Si vous rencontrez un des situations :

  • rafraîchir la page

  • se reconnecter

  • fermer et rouvrir l’onglet

  • vider le cache du navigateur

  • essayer un autre navigateur

Blocage Iframes

Le blocage des iframes est une mesure de sécurité qui empêche un site web d’être affiché dans une iframe sur un autre site. Cela permet de lutter contre le « iframe hijacking », une technique où un site malveillant tente de piéger l’utilisateur en affichant un site légitime à l’intérieur d’une iframe pour voler des informations ou effectuer des actions sans autorisation.

Pour plus de détails : Référence officiel

Problèmes possibles

Situations que vous pourriez rencontrez dû à cette protection :

  • une page vide
  • un message indiquant que le site ne peut pas être affiché dans un cadre
  • un écran bloqué dans certaines intégrations

Solutions 

Si vous rencontrez un des situations :

  • rafraîchir la page

  • ouvrez le site directement dans votre navigateur

  • évitez d’utiliser un site tiers qui tente d’afficher la page

Connexion prolongée

Un système a été mis en place pour permettre une connexion prolongée, évitant ainsi la nécessité de se reconnecter fréquemment. Ce mécanisme renouvelle automatiquement la session de manière sécurisée en arrière-plan, garantissant une utilisation fluide et sécurisée du service. Ça suit le principe de « refresh token ».

En cas de problème

En cas de problème de connexion, veuillez consulter cette page de support pour obtenir de l’aide et résoudre rapidement votre situation.

Interface Legacy : PHPReaction-SF6.4-2024-Legacy

Nouvelle Interface : PHPReaction-Login-v1.7.0-2025-React