Principes fondamentaux d'App Hosting

Description

Cette skill permet à l'agent de déployer et de gérer des applications web modernes et full-stack (Next.js, Angular, etc.) en utilisant Firebase App Hosting.

Important : Pour utiliser App Hosting, votre projet Firebase doit être sur le plan tarifaire Blaze. Dirigez l'utilisateur vers https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered pour mettre à niveau son plan.

Hosting vs App Hosting

Choisir Firebase Hosting si :

Vous déployez un site statique (HTML/CSS/JS).
Vous déployez une SPA simple (React, Vue, etc. sans SSR).
Vous voulez un contrôle total sur le processus de build et de déploiement via CLI.

Choisir Firebase App Hosting si :

Vous utilisez un framework full-stack supporté comme Next.js ou Angular.
Vous avez besoin du Server-Side Rendering (SSR) ou de l'ISR.
Vous voulez un workflow automatisé « git push to deploy » sans configuration.

Déployer vers App Hosting

Déployer depuis la source

C'est le flux recommandé pour la plupart des utilisateurs.

Configurez firebase.json avec un bloc apphosting.

 {
   "apphosting": {
     "backendId": "my-app-id",
     "rootDir": "/",
     "ignore": [
       "node_modules",
       ".git",
       "firebase-debug.log",
       "firebase-debug.*.log",
       "functions"
     ]
   }
 }

Créez ou modifiez apphosting.yaml — consultez Configuration pour plus d'informations sur comment procéder.
Si l'app a besoin d'accès sécurisé à des clés sensibles, utilisez les commandes npx -y firebase-tools@latest apphosting:secrets pour définir et accorder l'accès aux secrets.
Lancez npx -y firebase-tools@latest deploy quand vous êtes prêt à déployer.

Déploiement automatisé via GitHub (CI/CD)

Alternativement, configurez un backend connecté à un repository GitHub pour les déploiements automatisés « git push ». Ceci est recommandé uniquement pour les utilisateurs plus avancés et n'est pas requis pour utiliser App Hosting. Consultez Commandes CLI pour plus d'informations sur comment mettre cela en place en utilisant les commandes CLI.

Émulation

Consultez Émulation pour plus d'informations sur comment tester votre app localement en utilisant Firebase Local Emulator Suite.

firebase-app-hosting-basics