Como criar URIs específicos para usuários em javascript FIREBASE WEB

Question

Tenho um projeto firebase desenvolvido em javscript html e css que funciona como uma rede social, tenho usuários em meu banco de dados e esses usuários têm informações de perfil para mostrar.

O problema é que desejo associar cada usuário a um URI específico para que todos possam usar esse link para acessar as informações de um usuário.

Exemplo:

Quero gerar um link para usuários como "https://myproject.com/users/john-doe" (para o usuário john doe) e quero que ele traga para essa página de usuário específica.

Estou usando o Firebase hosting e há algo para reescrever urls, mas não consegui ver nada que se adequasse ao meu caso, é a semana inteira que estou procurando resolver esse problema e ainda não encontrei nada, por favor, ajude, obrigado!

Answer 1

O que você está descrevendo é um aplicativo de página única, onde uma única página HTML + JavaScript está lidando com muitos URLS - gerando dinamicamente o conteúdo.

Você precisará implementar várias etapas:

1. Configure o Firebase Hosting para direcionar vários URLs de entrada para a mesma página HTML. Isso é feito com uma rewriteregra em seu firebase.jsonarquivo, como:

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

2. Agora, o JavaScript da sua index.htmlpágina pode inspecionar o URL window.location.href, extrair o nome de usuário dele e, em seguida, servir o conteúdo correto para esse usuário.