1. Generación de credenciales PKCE para una SPA en React
Desarrollador FrontendContexto
Está configurando el inicio de sesión con Auth0 en una aplicación de página única y necesita probar manualmente el flujo de autorización antes de escribir el código.
Problema
Necesita un par de code_verifier y code_challenge válido de 512 bits de entropía y la URL de autorización estructurada.
Cómo usarlo
Selecciona el modo 'Generar nuevo verifier + challenge', define la longitud en 64 bytes (512 bits) e introduce el endpoint de autorización, el Client ID y la URI de redirección en los campos opcionales.
mode: "generate", byteLength: "64", authEndpoint: "https://auth.example.com/oauth2/authorize", clientId: "react-spa-123", redirectUri: "https://localhost:3000/callback"Resultado
Obtiene un code_verifier de 86 caracteres, su code_challenge S256 correspondiente y la URL de autorización lista para copiar y pegar en el navegador.