Comment faire pour gérer le routage URL dynamique dans l'hébergement Firebase

Question

Donc, disons dans mon dossier public dans Firebase j'ai un index.html et un salon.html.

Maintenant pour une URL comme xyz.com/salon/43 Je veux charger salon.html et dans le javascript je veux chercher salon 43 à partir de la base de données en temps réel.

En ce moment je peux avoir des URLs comme xyz.com/salon?id=43. Je me demande s'il est possible de faire le premier dans l'hébergement Firebase et si oui comment.

Answer 1

Vous recherchez Firebase Hosting rewrites. À partir du documentation:

Utilisez une réécriture lorsque vous souhaitez afficher le même contenu pour plusieurs URL. Les réécritures sont particulièrement utiles avec la correspondance de modèle, car vous pouvez accepter n'importe quelle URL correspondant au modèle et laisser le code côté client décider de ce qu'il doit afficher. Les règles de réécriture peuvent être utilisées pour prendre en charge les applications utilisant HTML5 pushState pour la navigation. Lorsqu'un navigateur tente d'ouvrir une URL source spécifiée, le contenu du fichier lui est attribué à l'URL de destination.

réécritures d'URL peuvent être spécifiées en définissant une section rewrites au sein de l'hébergement dans le fichier firebase.json:

"hosting": { 
    // Add the "rewrites" section within "hosting" 
    "rewrites": [ { 
    "source": "**", 
    "destination": "/index.html" 
    } ] 
}