Inicio de sesión
Cómo funciona el inicio de sesión de ejemplo, qué no protege y cómo conectarlo a tu propia API.
Cómo funciona
- La página de inicio de sesión en
/en/logincomprueba el correo y la contraseña contra una sola cuenta, en el navegador. Los datos de acceso están en la guía de instalación. - Tras un inicio de sesión correcto el navegador guarda al usuario, así que al recargar sigue con la sesión iniciada. Logout en el menú de usuario, o Sign Out en los ajustes, lo olvida. El encabezado y el perfil en los ajustes muestran al usuario con sesión iniciada.
- Cada página bajo
/dashboardcomprueba ese usuario en el navegador y envía a cualquier otro a la página de inicio de sesión. - El formulario comprueba primero los campos: un correo válido y una contraseña de al menos 6 caracteres.
- Los botones Apple y Google, Remember me y Forgot password? están preparados para tu propio inicio de sesión y aún no hacen nada.
Qué no protege
El inicio de sesión de ejemplo no es seguridad. La cuenta está en el código que descarga el navegador de cada visitante, y las páginas se ocultan en el navegador, no en un servidor. Antes de que lleguen usuarios o datos reales al panel, conéctalo a tu propia API y comprueba la sesión en tu servidor.
La plantilla incluye el código que hay que cambiar para esto, con un ejemplo resuelto para compradores.
Dónde está el inicio de sesión
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Los archivos detrás de la cuenta, la sesión, la protección de páginas y los botones sociales.
Conéctalo a tu API
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Un ejemplo resuelto que inicia sesión, restaura y termina la sesión a través de tu propia API.
Comprueba la sesión en el servidor
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Cómo rechazar a los visitantes sin sesión en src/proxy.ts, antes de que cargue cualquier página del panel.
Los botones de Apple y Google
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Dónde se definen y se conectan los botones de inicio de sesión social.