Cómo crear URI específicos para usuarios en FIREBASE WEB javascript

Question

Tengo un proyecto de base de fuego desarrollado en javscript html y css que funciona como una red social, tengo usuarios en mi base de datos y estos usuarios tienen información de perfil para mostrar.

El problema es que quiero asociar a cada usuario a un URI específico para que todos puedan usar ese enlace para acceder a la información de un usuario.

Ejemplo:

Quiero generar un enlace para usuarios como "https://myproject.com/users/john-doe" (para el usuario john doe) y quiero que lo lleve a esa página de usuario específica.

Estoy usando Firebase Hosting y hay algo para reescribir las URL, pero no pude ver nada que se adapte a mi caso, es toda la semana que estoy buscando resolver este problema y todavía no he encontrado algo, por favor ayuda, ¡gracias!

Answer 1

Lo que está describiendo es una aplicación de una sola página, donde una sola página HTML + JavaScript maneja muchas URL, generando dinámicamente el contenido.

Deberá implementar varios pasos:

1. Configure Firebase Hosting para dirigir varias URL entrantes a la misma página HTML. Esto se hace con una rewriteregla en su firebase.jsonarchivo, como:

   "rewrites": [ {
     "source": "**",
     "destination": "/index.html"
   } ]
   

2. Ahora, el JavaScript de su index.htmlpágina puede inspeccionar la URL window.location.href, extraer el nombre de usuario de ella y luego ofrecer el contenido correcto para ese usuario.