<NoAuthLogin />
Componente plug & play que implementa los métodos fundamentales de noauth.sh.
Compatible con frameworks populares como Vue, React y HTML Web Components.
Por defecto, <NoAuthLogin /> intenta realizar autenticación mediante Passkeys (WebAuthn) usando el sensor biométrico del dispositivo. Ofrece alternativas automáticas para dispositivos que no tienen soporte.
- OTP (One-Time Password) vía email o webhook; también usado para validar autenticidad de la dirección de correo electrónico.
- Código QR, que permite autenticar usuarios mediante un dispositivo externo, por ejemplo, un smartphone.
TIP
Personalizable con props y estilos CSS.
Cómo funciona
Flujo de autenticación con WebAuthn
- El componente detecta el soporte de Passkeys en el navegador del usuario.
- Solicita al usuario que se autentique con biometría (huella digital/rostro).
- Si tiene éxito, emite un resultado de sesión y continúa con el flujo de tu aplicación.
Flujo de autenticación con QR (alternativa)
- El componente detecta que el navegador no tiene soporte para Passkeys y despliega un código QR.
- El usuario lo escanea desde su smartphone (con mejores sensores).
- Se confirma la autenticación y el navegador se actualiza con la sesión.
Recuperación de cuenta con OTP
- El usuario ingresa su email.
- Se envía un código de un solo uso (OTP).
- El usuario ingresa el código para verificar su identidad y crear una nueva credencial biométrica.
Integraciones específicas
Consulta las guías de integración para: