Authentification et login flows 18 min de lecture

Pages de login et personnalisation

Page de login par defaut

Keycloak fournit des pages de login preconstruites et personnalisables pour :

  • Login : Formulaire de connexion (username/password)
  • Registration : Formulaire d'inscription
  • Forgot Password : Reinitialisation du mot de passe
  • Update Password : Changement de mot de passe oblige
  • OTP Setup : Configuration de l'authentification a deux facteurs

Configuration du login dans le Realm

Allez dans Realm Settings > Login :

  • User registration : Autoriser les utilisateurs a s'inscrire eux-memes
  • Forgot password : Activer le lien "Mot de passe oublie"
  • Remember me : Activer la case "Se souvenir de moi"
  • Verify email : Obliger la verification de l'email
  • Login with email : Permettre la connexion avec l'email en plus du username

Personnaliser le theme

Keycloak utilise un systeme de themes pour personnaliser l'apparence :

# Structure d'un theme custom
themes/
  mon-theme/
    login/
      theme.properties
      resources/
        css/
          styles.css
      template/
        login.ftl

# theme.properties
parent=keycloak
import=common/keycloak
styles=css/styles.css
# Monter le theme dans Docker
docker run -d --name keycloak \
  -p 8080:8080 \
  -v $(pwd)/themes/mon-theme:/opt/keycloak/themes/mon-theme \
  -e KC_BOOTSTRAP_ADMIN_USERNAME=admin \
  -e KC_BOOTSTRAP_ADMIN_PASSWORD=admin \
  quay.io/keycloak/keycloak:latest start-dev
Astuce : Activez le theme dans Realm Settings > Themes > Login theme.