Auth Lab
Recorre paso a paso el flujo de inicio de sesión OAuth 2.0 con PKCE que usan Google, GitHub o Microsoft, y genera las llaves reales con la criptografía de tu navegador.
- Estado
- En vivo. Corre en tu navegador.
- Tecnologías
- oauth4webapi, WebCrypto, TypeScript
- Preparar
- Pedir permiso
- Iniciar sesión
- Volver a tu app
- Canjear el código
- Verificar tokens
Paso 1 de 6Tu app prepara la solicitud
Antes de enviarte a iniciar sesión, tu app crea cuatro valores al azar con la criptografía de tu navegador y los guarda en tu sesión.
Ninguno es una contraseña. Sirven para comprobar más adelante que cada respuesta pertenece a esta solicitud y no a una copiada o inventada por otra persona.
- Tu app, sin enviar nada: crea el verifier, el challenge, el state y el nonce.
Lo que tu app guarda en tu sesión
Generando valores con la criptografía de tu navegador…
Espera un momento: tu navegador está generando los valores.
Cada paso muestra qué viaja, quién lo envía y por qué es seguro.