If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Firebase Hosting vous offre un moyen rapide, sécurisé et fiable d'héberger les éléments statiques de votre application (fichiers HTML, CSS, JavaScript, multimédias, etc.), ainsi que de diffuser du contenu dynamique et d'héberger des microservices.
Notre hébergement de niveau production s'appuie sur un réseau de diffusion de contenu (CDN) mondial. Hosting diffuse votre contenu via SSL par défaut. Vous pouvez l'utiliser avec votre propre domaine personnalisé ou sur les sous-domaines de votre projet sans frais sur web.app et firebaseapp.com.
Pour associer vos fichiers de projet local à votre projet Firebase, exécutez la commande suivante depuis la racine du répertoire de votre projet local :
firebase init hosting
Lors de l'initialisation du projet, à partir des invites de la CLI Firebase :
Sélectionnez un projet Firebase à associer à votre répertoire de projet local.
Le projet Firebase sélectionné est votre projet Firebase "par défaut" pour le répertoire de votre projet local. Pour associer d'autres projets Firebase à votre répertoire de projet local, configurez des alias de projet.
Spécifiez un répertoire à utiliser comme répertoire racine public.
Ce répertoire contient tous vos fichiers statiques diffusés publiquement, y compris votre fichier index.html et tous les autres éléments que vous souhaitez déployer sur Firebase Hosting.
Le répertoire racine public par défaut est appelé public.
Vous pouvez spécifier votre répertoire racine public maintenant ou le spécifier ultérieurement dans votre fichier de configuration firebase.json.
Si vous sélectionnez le répertoire par défaut et que vous n'avez pas encore de répertoire nommé public, Firebase le crée pour vous.
Si vous n'avez pas encore de fichier index.html ou 404.html valide dans votre répertoire racine public, Firebase les crée pour vous.
Choisissez une configuration pour votre site.
Si vous choisissez de créer une application monopage, Firebase ajoute automatiquement des configurations de réécriture pour vous.
À la fin de l'initialisation, Firebase crée et ajoute automatiquement deux fichiers à la racine du répertoire local de votre application :
Un fichier de configuration firebase.json qui liste la configuration de votre projet.
Pour en savoir plus sur ce fichier, consultez la page Configurer le comportement de l'hébergement.
Votre site est maintenant prêt à être partagé avec le monde entier !
Continuez à améliorer votre site. Testez localement, partagez les modifications à l'aide d'une URL d'aperçu temporaire, puis déployez-les sur votre site en ligne. Suivez ce guide par étapes.
Découvrez d'autres fonctionnalités d'hébergement :
Consultez la documentation complète de la CLI Firebase.
Préparez-vous à lancer votre application :
Configurez des alertes budgétaires pour votre projet dans la console Google Cloud.
Surveillez le tableau de bord "Utilisation et facturation" de la console Firebase pour obtenir une vue d'ensemble de l'utilisation de votre projet dans plusieurs services Firebase.
Vous pouvez également consulter le tableau de bord HostingUtilisation pour obtenir des informations plus détaillées sur l'utilisation.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/31 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/08/31 (UTC)."],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting gives you a fast, secure, and reliable way to host your\napp's static assets (HTML, CSS, JavaScript, media files, etc.) as well as to\n[serve dynamic content and host microservices](/docs/hosting/serverless-overview).\n\nOur production-grade hosting is backed by a global content delivery network\n(CDN). Hosting serves your content over SSL, by default, and can be used\nwith your own [custom domain](/docs/hosting/custom-domain) or on your project's\nsubdomains at no cost on `web.app` and `firebaseapp.com`.\n\nBefore you begin\n\nBefore you can set up Firebase Hosting, you need to\n[create a Firebase project](/docs/web/setup).\n\n**Step 1** : Install the Firebase CLI\n\nVisit the Firebase CLI documentation to learn how to\n[install the CLI](/docs/cli#install_the_firebase_cli) or\n[update to its latest version](/docs/cli#update-cli).\n\n**Step 2**: Initialize your project\n\nTo connect your local project files to your Firebase project, run the following\ncommand from the root of your local project directory: \n\n```\nfirebase init hosting\n```\n\nDuring project initialization, from the Firebase CLI prompts:\n\n1. **Select a Firebase project to connect to your local project directory.**\n\n The selected Firebase project is your \"default\" Firebase project for your\n local project directory. To connect additional Firebase projects to your\n local project directory, set up [project aliases](/docs/cli#project_aliases).\n2. **Specify a directory to use as your public root directory.**\n\n This directory contains all your publicly served static files, including your\n `index.html` file and any other assets that you want to deploy to\n Firebase Hosting.\n - The default for the public root directory is called `public`.\n\n - You can specify your public root directory now or you can\n [specify it later](/docs/hosting/full-config#public) in your\n `firebase.json` configuration file.\n\n - If you select the default and don't already have a directory called\n `public`, Firebase creates it for you.\n\n - If you don't already have a valid `index.html` file or `404.html` file in\n your public root directory, Firebase creates them for you.\n\n3. **Choose a configuration for your site.**\n\n If you select to make a one-page app, then Firebase automatically adds\n [rewrite configurations](/docs/hosting/full-config#rewrites) for you.\n\nAt the end of initialization, Firebase automatically creates and adds two files\nto the root of your local app directory:\n\n- A `firebase.json` configuration file that lists your project configuration.\n Learn more about this file on the\n [configure hosting behavior](/docs/hosting/full-config) page.\n\n- A `.firebaserc` file that stores your\n [project aliases](/docs/cli#project_aliases).\n\n**Step 3**: Deploy to your site\n\nTo deploy to your site, run the following command from the root of your local\nproject directory: \n\n```\nfirebase deploy --only hosting\n```\n| **Note:** By running this command with the `--only hosting` flag, you're only deploying your Hosting content and config. If you *also* want to [deploy other project resources or configurations](/docs/cli#partial_deploys) (like functions or database rules), run this command with a comma-separated list in the flag (for example, `--only hosting,functions`).\n\nThis command deploys your Hosting content and config to the following\nFirebase-provisioned subdomains:\n\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.web.app`\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.firebaseapp.com`\n\nLearn more about\n[deploys and even locally testing your site](/docs/hosting/test-preview-deploy).\n\nNext steps\n\nNow your site is ready to share with the world!\n\n- Continue to improve your site. Test locally, share changes at a temporary\n preview URL, then deploy to your live site. Follow this\n [step-by-step guide](/docs/hosting/test-preview-deploy).\n\n- Learn about further hosting capabilities:\n\n - [Configure hosting behavior](/docs/hosting/full-config)\n - [Connect a custom domain](/docs/hosting/custom-domain)\n - [Serve dynamic content and host microservices](/docs/hosting/serverless-overview)\n- Take a look at the full documentation for the [Firebase CLI](/docs/cli).\n\n- Prepare to launch your app:\n\n\n - Set up [budget\n alerts](/docs/projects/billing/avoid-surprise-bills#set-up-budget-alert-emails) for your project in the Google Cloud console.\n - Monitor the [*Usage and billing*\n dashboard](//console.firebase.google.com/project/_/usage) in the Firebase console to get an overall picture of your project's usage across multiple Firebase services. You can also visit the [Hosting *Usage*\n dashboard](//console.firebase.google.com/project/_/hosting/usage) for more detailed usage information.\n - Review the [Firebase launch checklist](/support/guides/launch-checklist)."]]
