En este momento, estoy tratando de entender cómo funciona la autenticación de Firebase en el backend. Parece que el método principal es que el cliente web obtenga un token de identificación y luego, para cada solicitud REST, inyecte ese token en el encabezado http de Authorization antes de enviar la solicitud al backend ( documentos oficiales, documentos oficiales 2 , respuesta SO ) . Solo como punto de partida, cloné un proyecto súper básico de Github ( teroyks - firebase-auth-api ) que usa este método, y puedes ver cómo funciona la inyección de token de identificación en la interfaz:
// fetch timestamp from API // authenticate API request with JWT auth token const fetchFromApi = userIdToken => { return fetch('/api', { headers: { Authorization: `Bearer ${userIdToken}`, }, }) .then(response => { ...Puede encontrar el código completo en github: frontend backend
Sin embargo, me gustaría poder crear páginas en mi sitio web a las que solo puedan acceder los usuarios registrados. Por ejemplo, la ruta https://www.mywebsite.com/profile debería mostrar el perfil del usuario actual y, si no está autenticado, redirigirlo para iniciar sesión. Pero no he visto ningún ejemplo de firebase que haga esto. Si el usuario hace clic en un enlace que va a https://www.mywebsite.com/profile (tal vez esté en sus marcadores o algo así), el navegador realiza la solicitud GET y no yo, por lo que no tengo forma de inyectar la identificación. token a la solicitud. Una solución en la que he pensado es simplemente cargar una página en blanco en la solicitud inicial, y luego la página en blanco ejecuta el código del lado del cliente necesario para obtener el token de identificación y recuperar el contenido real de la página desde el backend, pero esto se siente muy extraño. y evitaría la representación del lado del servidor. ¿Cuál es la forma estándar de resolver este problema?
Depende totalmente de si está haciendo una representación del lado del cliente o una representación del lado del servidor, por ejemplo
si está realizando una representación del lado del servidor en sus archivos html, puede crear un middleware que redirija a /login si no se proporciona un token de acceso en la verificación del encabezado
Node Express: redireccionar a la vista de inicio de sesión
y si está haciendo una representación del lado del cliente
firebase.auth().onAuthStateChanged(user => { if (user) { content.innerHTML = `<p>Logged in as ${user.displayName}</p> <p><button onClick="firebase.auth().signOut();">Logout</button></p>` user .getIdToken() // this is where firebase gets the token for you .then(token => { console.log(`uid token: ${token}`) return fetchFromApi(token) }) .then(content => { apiContent.innerHTML = content }) } else { //redirect to login window.location.replace("/login") } })