Google s'est engagé à promouvoir l'équité raciale pour les communautés noires. Regarde comment.
Cette page a été traduite par l'API Cloud Translation.
Switch to English

Tester localement puis déployer sur votre site

Vous pouvez afficher et tester votre site localement , voire émuler vos fonctions HTTPS, avant de déployer votre site en production.

Commencer

Suivez les étapes répertoriées sur la page Prise en main de l' hébergement , notamment l'installation de l'interface de ligne de commande Firebase et la connexion de votre projet local à votre projet Firebase.

Servir et tester votre projet Firebase localement (facultatif)

Vous pouvez afficher et tester votre projet Firebase sur des URL hébergées localement avant de le déployer en production. Si vous souhaitez uniquement tester certaines fonctionnalités, vous pouvez utiliser une liste séparée par des virgules dans un indicateur de la commande firebase serve .

Exécutez la commande suivante à partir de la racine de votre répertoire de projet local si vous souhaitez effectuer l'une des tâches suivantes:

  • Affichez le contenu statique de votre application hébergée par Firebase.
  • Utilisez Cloud Functions pour générer du contenu dynamique pour Firebase Hosting et vous souhaitez utiliser vos fonctions HTTP de production (déployées) pour émuler l'hébergement sur une URL locale.
firebase serve --only hosting

Émulez votre projet à l'aide des fonctions HTTP locales

Exécutez l'une des commandes suivantes à partir du répertoire de votre projet pour émuler votre projet à l'aide des fonctions HTTP locales .

  • Pour émuler les fonctions HTTP et l'hébergement à des fins de test sur des URL locales, utilisez l'une des commandes suivantes:

    firebase serve
    firebase serve --only functions,hosting // uses a flag
  • Pour émuler uniquement les fonctions HTTP, utilisez la commande suivante:

    firebase serve --only functions

Test à partir d'autres appareils locaux

Par défaut, le firebase serve ne répond qu'aux demandes de l' localhost . Cela signifie que vous pourrez accéder à votre contenu hébergé à partir du navigateur Web de votre ordinateur, mais pas à partir d'autres appareils de votre réseau. Si vous souhaitez effectuer un test à partir d'autres appareils locaux, utilisez l'indicateur --host , comme ceci:

firebase serve --host 0.0.0.0  // accepts requests to any host

Déployez sur votre site

Pour déployer sur votre site, exécutez la commande suivante à partir de la racine de votre répertoire de projet local:

firebase deploy

Cette commande déploie une version sur les sites suivants:

  • Sites d'hébergement par défaut de votre projet Firebase, PROJECT_ID .web.app et PROJECT_ID .firebaseapp.com

  • Tous les domaines personnalisés que vous avez connectés à votre site d'hébergement.

Vous pouvez éventuellement ajouter un commentaire à un déploiement. Ce commentaire s'affichera avec les autres informations de déploiement sur la page d'hébergement de votre projet. Par exemple:

firebase deploy -m "Deploying the best new feature ever."

Se déploie pour des projets avec plusieurs sites

Si vous avez ajouté des sites supplémentaires à votre projet Firebase, utilisez la commande suivante pour déployer sur l'un de ces sites:

firebase deploy --only hosting: TARGET_NAME 

Le paramètre TARGET_NAME est l'identifiant unique que vous avez spécifié pour le site d'hébergement supplémentaire lors de sa configuration.

Ajouter des tâches de script de prédéploiement et de post-déploiement

Vous pouvez éventuellement connecter des scripts shell à la commande firebase deploy pour effectuer des tâches de prédéploiement ou de post-déploiement. Par exemple, un hook post-déploiement peut informer les administrateurs des déploiements de nouveau contenu de site. Reportez-vous à la documentation de la CLI Firebase pour plus de détails.

Mise en cache du contenu déployé

Lorsqu'une demande de contenu statique est effectuée, Firebase Hosting met automatiquement en cache le contenu sur le CDN. Si vous redéployez le contenu de votre site, Firebase efface automatiquement tout votre contenu statique mis en cache sur le CDN afin que les nouvelles demandes reçoivent votre nouveau contenu.

Notez que vous pouvez configurer la mise en cache du contenu dynamique .

Servir via HTTPS

Lorsque vous développez votre application, assurez-vous que toutes les ressources externes qui ne sont pas hébergées sur Firebase Hosting sont chargées via SSL (HTTPS), y compris les scripts externes. La plupart des navigateurs ne permettent pas aux utilisateurs de charger du «contenu mixte» (trafic SSL et non SSL).