Comment créer des URI spécifiques pour les utilisateurs dans FIREBASE WEB javascript

Sep 26 2020

J'ai un projet Firebase développé en javscript html et css qui fonctionne comme un réseau social, j'ai des utilisateurs dans ma base de données et ces utilisateurs ont des informations de profil à afficher.

Le problème est que je veux associer chaque utilisateur à un URI spécifique afin que tout le monde puisse utiliser ce lien pour accéder aux informations d'un utilisateur.

Exemple:

Je veux générer un lien pour les utilisateurs comme "https://myproject.com/users/john-doe" (pour l'utilisateur john doe) et je veux qu'il amène à cette page utilisateur spécifique.

J'utilise l'hébergement Firebase et il y a quelque chose pour réécrire les URL, mais je n'ai rien vu qui convienne à mon cas, c'est la semaine initiale où je cherche à résoudre ce problème et je n'ai toujours pas trouvé quelque chose, aidez-moi, merci!

Réponses

FrankvanPuffelen Sep 26 2020 at 14:26

Ce que vous décrivez est une application d'une seule page, où une seule page HTML + JavaScript gère de nombreuses URL - générant dynamiquement le contenu.

Vous devrez mettre en œuvre plusieurs étapes:

  1. Configurez Firebase Hosting pour diriger plusieurs URL entrantes vers la même page HTML. Cela se fait avec une rewriterègle dans votre firebase.jsonfichier, telle que:

    "rewrites": [ {
      "source": "**",
      "destination": "/index.html"
    } ]
    
  2. Désormais, le JavaScript de votre index.htmlpage peut inspecter l'URL window.location.href, en extraire le nom d'utilisateur, puis diffuser le contenu correct pour cet utilisateur.