80. Stratégies de déploiement (Aperçu CI/CD et exemple pratique)

La dernière étape est le déploiement des ressources statiques optimisées sur un service d'hébergement.

1. Environnement d'hébergement

Comme les applications Angular sont des SPAs, elles ne sont composées que de fichiers statiques (HTML, CSS, JS). Elles peuvent être hébergées sur n'importe quel serveur de fichiers statiques, CDN ou plateforme cloud.

Options populaires :

• Firebase Hosting : Très rapide, idéal pour Angular.
• Vercel / Netlify : Excellent pour les sites statiques.
• AWS S3 / CloudFront : Très évolutif.

2. CI/CD (Intégration et Livraison Continues)

Les pipelines CI/CD automatisent le processus de build et de déploiement à chaque fusion de code sur la branche principale.

Étapes typiques :

1. CI (Intégration) : Le runner (GitHub Actions, GitLab CI) récupère le code, installe les dépendances, lance les tests unitaires et le linting.
2. CD (Déploiement) : Si les tests passent, le runner exécute ng build --prod et télécharge le dossier /dist vers l'hébergeur.

3. Exemple pratique (Firebase)

Étape 1 : Installer Firebase CLI npm install -g firebase-tools puis firebase login.

Étape 2 : Initialiser le projet firebase init hosting (Dossier public : dist/<nom-de-l-app>, Single-page app : Yes).

Étape 3 : Build de production ng build --configuration=production.

Étape 4 : Déployer firebase deploy --only hosting.

Cette commande finale propulse votre application sur le web, achevant votre parcours de '0 à héros' !