Development

Visualiseur du flux OAuth 2.0 / OIDC à code d’autorisation avec PKCE

Simule de bout en bout le flux à code d’autorisation avec PKCE : génération verifier/challenge, URL d’autorisation, échange de token, liste de validation de l’ID Token et démonstration d’attaque par interception.

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL

curl -X POST 'https://api.elysiatools.com/fr/api/tools/oauth-oidc-authorization-code-pkce-flow-visualizer' \
  -H 'Content-Type: application/json' \
  -d '{"flowVariant":"s256","codeVerifier":"dBjftJeZ4CVP-mB92K27uhbUJU1p1r_wW1gFWFOEjXk","issuer":"http://127.0.0.1:8443","clientId":"spa-demo-client","redirectUri":"http://127.0.0.1:8080/callback","scope":"openid profile email","clientSecret":"demo-secret-not-for-production","state":"","nonce":"","simulateAttack":false}'

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP

POST https://api.elysiatools.com/fr/api/tools/oauth-oidc-authorization-code-pkce-flow-visualizer

Paramètres

Nom	Type	Requis	Description
flowVariant	select	Oui	—
codeVerifier	text	Non	—
issuer	text	Non	—
clientId	text	Non	—
redirectUri	text	Non	—

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json

{
  "mcpServers": {
    "elysiatools-oauth-oidc-authorization-code-pkce-flow-visualizer": {
      "name": "oauth-oidc-authorization-code-pkce-flow-visualizer",
      "description": "Simule de bout en bout le flux à code d’autorisation avec PKCE : génération verifier/challenge, URL d’autorisation, échange de token, liste de validation de l’ID Token et démonstration d’attaque par interception.",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=oauth-oidc-authorization-code-pkce-flow-visualizer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list

{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call

{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "oauth-oidc-authorization-code-pkce-flow-visualizer",
    "arguments": {
  "flowVariant": "s256",
  "codeVerifier": "dBjftJeZ4CVP-mB92K27uhbUJU1p1r_wW1gFWFOEjXk",
  "issuer": "http://127.0.0.1:8443",
  "clientId": "spa-demo-client",
  "redirectUri": "http://127.0.0.1:8080/callback",
  "scope": "openid profile email",
  "clientSecret": "demo-secret-not-for-production",
  "state": "",
  "nonce": "",
  "simulateAttack": false
}
  }
}