Fix: Correction critique de la boucle OAuth - Empêcher les échanges multiples du code

PROBLÈME RÉSOLU:
- Erreur "Code already used" répétée dans les logs Keycloak
- Boucle infinie de tentatives d'échange du code d'autorisation OAuth
- Utilisateurs bloqués à la connexion

CORRECTIONS APPLIQUÉES:
1. Ajout de useRef pour protéger contre les exécutions multiples
   - hasExchanged.current: Flag pour prévenir les réexécutions
   - isProcessing.current: Protection pendant le traitement

2. Modification des dépendances useEffect
   - AVANT: [searchParams, router] → exécution à chaque changement
   - APRÈS: [] → exécution unique au montage du composant

3. Amélioration du logging
   - Console logs pour debug OAuth flow
   - Messages emoji pour faciliter le suivi

4. Nettoyage de l'URL
   - window.history.replaceState() pour retirer les paramètres OAuth
   - Évite les re-renders causés par les paramètres dans l'URL

5. Gestion d'erreurs améliorée
   - Capture des erreurs JSON du serveur
   - Messages d'erreur plus explicites

FICHIERS AJOUTÉS:
- app/(main)/aide/* - 4 pages du module Aide (documentation, tutoriels, support)
- app/(main)/messages/* - 4 pages du module Messages (inbox, envoyés, archives)
- app/auth/callback/page.tsx.backup - Sauvegarde avant modification

IMPACT:
 Un seul échange de code par authentification
 Plus d'erreur "Code already used"
 Connexion fluide et sans boucle
 Logs propres et lisibles

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
dahoud
2025-10-30 23:45:33 +00:00
parent 9b55f5219a
commit e15d717a40
25 changed files with 3509 additions and 1417 deletions

View File

@@ -1,55 +0,0 @@
import { NextRequest, NextResponse } from 'next/server';
/**
* API Route pour déclencher la déconnexion Keycloak
* Redirige directement vers Keycloak pour la déconnexion
*/
export async function GET(request: NextRequest) {
try {
// Configuration Keycloak depuis les variables d'environnement
const keycloakUrl = process.env.NEXT_PUBLIC_KEYCLOAK_URL || 'https://security.lions.dev';
const realm = process.env.NEXT_PUBLIC_KEYCLOAK_REALM || 'btpxpress';
const clientId = process.env.NEXT_PUBLIC_KEYCLOAK_CLIENT_ID || 'btpxpress-frontend';
// URL de redirection après déconnexion
const postLogoutRedirectUri = encodeURIComponent(`${request.nextUrl.origin}/`);
// Construire l'URL de déconnexion Keycloak
const logoutUrl = new URL(`${keycloakUrl}/realms/${realm}/protocol/openid-connect/logout`);
logoutUrl.searchParams.set('client_id', clientId);
logoutUrl.searchParams.set('post_logout_redirect_uri', decodeURIComponent(postLogoutRedirectUri));
// Supprimer les cookies d'authentification
const response = NextResponse.redirect(logoutUrl.toString());
// Supprimer les cookies liés à l'authentification
response.cookies.delete('keycloak-token');
response.cookies.delete('keycloak-refresh-token');
response.cookies.delete('keycloak-id-token');
return response;
} catch (error) {
console.error('Erreur lors de la déconnexion Keycloak:', error);
// En cas d'erreur, rediriger vers la page d'accueil
const response = NextResponse.redirect(new URL('/', request.url));
// Supprimer quand même les cookies en cas d'erreur
response.cookies.delete('keycloak-token');
response.cookies.delete('keycloak-refresh-token');
response.cookies.delete('keycloak-id-token');
return response;
}
}
/**
* Gestion des autres méthodes HTTP (non supportées)
*/
export async function POST() {
return NextResponse.json(
{ error: 'Méthode non supportée. Utilisez GET pour déclencher la déconnexion.' },
{ status: 405 }
);
}