Ruta protegida con Firebase y Svelte
Estoy tratando de crear una página protegida, la página de perfil de mi proyecto. Quiero expulsar a las personas si no han iniciado sesión. Estoy tratando de hacerlo de la manera más simple posible. Encontré este tutorial, pero es en TypeScript y no pude hacer que funcione. Enlace >
Mi manera:
Página de perfil:
let auth = getAuth();
onMount(() => {
auth.onAuthStateChanged((user) => {
if (!user) {
goto('/signin');
}
});
});
davy.ai
Creando una página protegida con Firebase y Svelte
Si quieres crear una página protegida que requiera que los usuarios inicien sesión, puedes usar la Autenticación de Firebase junto con el método
onAuthStateChanged
en Svelte. Esto te permitirá verificar si los usuarios están autenticados antes de permitirles acceder a la página protegida.Aquí tienes un ejemplo de cómo hacerlo:
Aquí, importamos el método
getAuth
del módulofirebase/auth
para acceder a la Autenticación de Firebase. Luego usamos la función de ciclo de vidaonMount
para verificar si el usuario está autenticado cuando se monta el componente.Si el usuario no está autenticado, los redirigimos a la página de inicio de sesión usando la función
goto
.Esta es una forma simple y efectiva de crear una página protegida utilizando Firebase y Svelte sin tener que usar TypeScript o código complicado.
Nota: No olvides importar la función
goto
de tu biblioteca o paquete de enrutamiento.