Démarrage rapide : Déployer sur Azure Container Apps à l’aide de Visual Studio Code

Azure Container Apps vous permet d’exécuter des microservices et des applications conteneurisées sur une plateforme serverless. Avec Container Apps, vous bénéficiez des avantages de l’exécution de conteneurs tout en évitant les soucis de configuration manuelle de l’infrastructure cloud et des orchestrateurs de conteneurs complexes.

Dans ce tutoriel, vous allez déployer une application conteneurisée sur Azure Container Apps à l’aide de Visual Studio Code.

Prérequis

• Un compte Azure avec un abonnement actif est requis. Si vous n’en avez pas déjà un, vous pouvez créer un compte gratuit.
• Visual Studio Code, disponible en téléchargement gratuit
• Les extensions Visual Studio Code suivantes installées :
  • L’extension Azure Account
  • L’extension Azure Container Apps
  • L’extension Docker.

Cloner le projet

1. Ouvrez une nouvelle fenêtre Visual Studio Code.

2. Sélectionnez F1 pour ouvrir la palette de commandes.

3. Entrez Git: Clone, puis appuyez sur Entrée.

4. Entrez l’URL suivante pour cloner l’exemple de projet :

   https://github.com/Azure-Samples/containerapps-albumapi-javascript.git
   

   Remarque

   Ce tutoriel utilise un projet JavaScript, mais les étapes sont indépendantes du langage.

5. Sélectionnez un dossier dans lequel cloner le projet.

6. Sélectionnez Ouvrir pour ouvrir le projet dans Visual Studio Code.

Connexion à Azure

1. Sélectionnez F1 pour ouvrir la palette de commandes.

2. Sélectionnez Azure : se connecter et suivez les invites à authentifier.

3. Une fois connecté, revenez à Visual Studio Code.

Créer et déployer des ressources sur Azure Container Apps

L’extension Azure Container Apps pour Visual Studio Code vous permet de choisir des ressources Container Apps existantes ou d’en créer de nouvelles sur lesquelles déployer vos applications. Dans ce scénario, vous créez un environnement Container App et une application conteneur où héberger votre application. Après avoir installé l’extension Container Apps, vous pouvez accéder à ses fonctionnalités sous le panneau de configuration Azure dans Visual Studio Code.

1. Sélectionnez F1 pour ouvrir la palette de commandes, puis exécutez la commande Azure Container Apps : Déployer le projet à partir de l’espace de travail.

2. Entrez les valeurs suivantes quand l’extension vous y invite.

   Prompt	Valeur
   Sélectionner un abonnement	Sélectionnez l’abonnement Azure à utiliser.
   Sélectionner un environnement Container Apps	Sélectionnez Créer un environnement Container Apps. Cette question vous est posée uniquement si vous disposez d’environnements Container Apps existants.
   Entrez un nom pour les nouvelles ressources d’application conteneur	Entrez my-container-app.
   Sélectionner un emplacement	Sélectionnez une région Azure proche de chez vous.
   Voulez-vous enregistrer votre configuration de déploiement ?	Cliquez sur Enregistrer.

   Le panneau du journal d’activité Azure s’ouvre et affiche la progression du déploiement. Ce processus peut prendre quelques minutes.

3. À la fin de ce processus, Visual Studio Code affiche une notification. Sélectionnez Parcourir pour ouvrir l’application déployée dans un navigateur.

   Dans la barre d’adresse du navigateur, ajoutez le chemin /albums à la fin de l’URL d’application pour voir les données d’un exemple de requête d’API.

Félicitations ! Vous avez correctement créé et déployé votre première application conteneur à l’aide de Visual Studio Code.

Nettoyer les ressources

Si vous n’envisagez pas de continuer à utiliser cette application, vous pouvez supprimer l’instance Azure Container Apps et tous les services associés en même temps en supprimant le groupe de ressources.

Procédez comme suit dans le portail Azure pour supprimer les ressources que vous avez créées :

1. Sélectionnez le groupe de ressources my-container-app dans la section Vue d’ensemble.
2. Sélectionnez le bouton Supprimer un groupe de ressources en haut de la Vue d’ensemble du groupe de ressources.
3. Entrez le nom du groupe de ressources my-container-app dans la boîte de dialogue de confirmation Voulez-vous vraiment supprimer « my-container-app ».
4. Sélectionnez Supprimer. Le processus de suppression du groupe de ressources peut prendre quelques minutes.

Étapes suivantes