Maison > développement back-end > tutoriel php > Comment déployer une application Web avec des pipelines CI/CD sur Azure App Service

Comment déployer une application Web avec des pipelines CI/CD sur Azure App Service

Susan Sarandon
Libérer: 2025-01-05 09:55:40
original
927 Les gens l'ont consulté

Azure App Service fournit une plate-forme entièrement gérée pour la création, le déploiement et la mise à l'échelle d'applications Web. En tirant parti des pipelines CI/CD avec Azure DevOps, vous pouvez automatiser vos processus de build et de publication, garantissant ainsi des déploiements plus rapides et plus fiables.

Avantages clés :

  • Automatisation : réduisez les efforts manuels et les erreurs humaines.

  • Cohérence : réalisez des déploiements reproductibles dans tous les environnements.

  • Vitesse : déployez rapidement les mises à jour, améliorant ainsi votre cycle de vie de développement.

Dans cet article de blog, nous vous guiderons tout au long du processus de déploiement d'une application Web sur Azure App Service à l'aide de pipelines d'intégration et de déploiement continus (CI/CD). Que vous soyez développeur ou ingénieur DevOps, ce guide étape par étape vous aidera à rationaliser votre processus de déploiement grâce à la puissance d'Azure DevOps.

Prérequis
Avant de commencer, assurez-vous d'avoir les éléments suivants :

  • Un compte Azure avec un abonnement actif

  • Un projet d'application web
    (par exemple, Node.js, .NET Core, Python, etc.).

  • Un compte Azure DevOps avec un projet créé

  • Git installé et votre code poussé vers un référentiel
    (par exemple, GitHub, Azure Repos)

Étape 1 : Configurez votre Azure App Service

  • Connectez-vous au portail Azure sur le portail Azure : en utilisant https://portal.azure.com

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Créer un nouveau forfait App Service

  • Dans la barre de recherche, saisissez le forfait App Services et sélectionnez-le.
    How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur créer

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Remplissez les informations requises, notamment :

  • Abonnement : Sélectionnez votre abonnement.

  • Groupe de ressources : créez un nouveau groupe de ressources ou utilisez-en un existant.

  • Nom : indiquez un nom unique pour votre plan de service d'application

  • Sélectionnez le système d'exploitation

  • Région : sélectionnez une région proche de vos utilisateurs.

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Sélectionnez le niveau tarifaire
    How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur Vérifier Créer, puis sur Créer pour déployer votre App Service.

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur accéder à la ressource

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Dans la barre de recherche, saisissez App Services et sélectionnez-le.

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur Créer et choisissez Web App.

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Remplissez les détails requis : (groupe de ressources créé précédemment, abonnement, nom de l'application Web, publication, pile d'exécution

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service
Révisez, puis créez

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur accéder à la ressource

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Étape 2 : Configurez votre environnement de développement local
Installez le code Visual Studio et Github si vous n'en avez pas auparavant

  • Étape 3 : initialiser le référentiel Github et créer une application Web dans le code de Visual Studio

  • Cliquez sur et sélectionnez un nouveau référentiel

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur créer un nouveau référentiel

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Initialiser Git à partir du terminal de code Visual Studio How to Deploy a Web App with CI/CD Pipelines on Azure App Service Exécutez git init pour initialiser un référentiel Git.

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Exécutez git add pour mettre en scène vos fichiers

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Exécuter le statut git How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Exécutez l'url git clone à partir du référentiel créé précédemment

  • Exécuter nano index php

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Entrez le contrôle X puis appuyez sur Y suivi d'entrée

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Exécuter cat index php How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Étape 5 : Retour à la page du portail Azure

  • Accédez à la page mywebapp2020 de votre portail Azure.

  • Accédez à la section Déploiement, sélectionnez Centre de déploiement
    How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Sélectionnez la source du code, sélectionnez Github

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Sélectionnez la source comme Github

  • L'organisation est votre nom d'utilisateur Github

  • Sélectionnez le nom du référentiel

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Sélectionnez un aperçu du fichier

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur Enregistrer pour configurer le déploiement

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Déploiement réussi

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Étape 6. Déployer l'application

Commit and push : validez et poussez vos modifications vers Github. Le workflow d'actions Github démarrera, créera et déploiera automatiquement votre application sur le service d'application Azure.
Vous deviez passer de F1 à premium pour pouvoir déployer

How to Deploy a Web App with CI/CD Pipelines on Azure App Service
Passez au moins au standard premium S1

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Ajouter un emplacement immédiatement après la mise à niveau

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Donnez un nom au slot et définissez la source du clone

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Cliquez sur ajouter un emplacement

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

  • Exécution CI/CD

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

Étape 7. Surveiller le déploiement
Vous pouvez suivre la progression du déploiement en action sur Github.
Une fois déployée, votre application Web doit être accessible via le service d'application Azure. URL

How to Deploy a Web App with CI/CD Pipelines on Azure App Service

CONCLUSION

En suivant ces étapes, vous pouvez configurer un pipeline CI/CD automatisé pour votre application Web, permettant des déploiements efficaces et fiables sur Azure App Service.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal