Partie 1 : Configuration de mon environnement de travail
Dans ce tutoriel découpé en quatre parties, nous allons commencer de zéro. De la création de notre compte Azure jusqu’au déploiement d’une application ExpressJS avec une approche CI/CD, en passant par la configuration d’un environnement local !
Sommaire de la première partie
- Création d’un compte Azure Gratuit
Il est nécessaire d’avoir un compte pour accéder au portail Azure.
- Installer Visual Studio Code et quelques extensions
Pour développer/modifier l’application web que nous allons mettre en place, nous aurons besoin de Visual Studio Code et ses extensions pensée pour Azure.
- Configurer Visual Studio Code avec notre compte
Nous finirons cette première partie en nous connectant sur VS Code avec notre compte fraîchement créé.
Créer un compte Azure gratuit
Pour développer des applications et les héberger sur Azure, il est nécessaire de se créer un compte. Microsoft nous permet de tester gratuitement sa plateforme. Bon évidemment nous sommes limités mais c’est déjà pas mal.
Vous retrouverez la liste des produits gratuits ici :
https://azure.microsoft.com/fr-fr/free/#12-months-free
1. Pour créer le compte, rendez vous sur la page https://azure.microsoft.com/fr-fr/free/
2. Cliquez sur le bouton « Démarrer gratuitement »
3. Connectez vous avec un compte Microsoft ou créez un compte
3.1 Si vous possédez un compte Microsoft, vous pourrez affilier votre compte à un compte Azure. C’est ce compte que vous utiliserez pour accéder à Azure.
3.2 Si vous n’avez pas de compte Microsoft, créez-en un en cliquant sur le lien « Créez-en un ! ». Cela vous permettra de lier une adresse e-mail à un compte Microsoft. Comme dans mon exemple ci-dessous.
4. Renseignez toutes les informations demandées
Il est nécessaire de renseigner sa carte bancaire pour vérifier l’identité. Je vous rassure, aucun montant ne sera débité. Il est même précisé :
Vous ne serez pas facturé, sauf si vous choisissez de mettre à niveau. Avant la fin de vos 30 premiers jours, vous serez averti et aurez la possibilité de mettre à niveau et de commencer à payer que pour les ressources que vous utilisez au-delà des montants gratuits.
Si vous ne souhaitez pas faire de mise à niveau, pas de problèmes, ça restera gratuit.
5. Compté créé ! Nous pouvons désormais accéder au portail Azure !
Installer VS Code et quelques extensions
Nous allons utiliser Visual Studio Code, disponible à cette adresse : https://code.visualstudio.com/
Une fois téléchargé et installé, allons dans l’onglet « Extensions » en cliquant sur l’icone ou via raccourci clavier CTRL + SHIFT + X.
Dans la zone de saisie, rechercher « Azure » et installer l’extension « Azure Tools ».
Cette extension est en réalité, un package d’extension contenant le nécessaire pour commencer le développement avec Azure. Elle nous permettra d’afficher les différentes applications déployées, récupérer des configurations, démarrer ou stopper une app etc…
Configurer VS Code avec notre compte
La dernière étape consiste simplement à nous connecter avec notre compte Azure que nous avons créé lors de l’étape 1.
Dans Visual Studio Code, appuyez sur la touche F1 pour ouvrir la console. Renseignez « azure sign in » comme ci-dessous et appuyez sur Entrée et connectez-vous avez votre compte Azure.
Maintenant que nous sommes connectés, nous avons accès aux diverses ressources déployées sur notre souscription Azure. Voici un exemple de ce que nous permet de voir l’Azure Explorer dans VS Code :
Bien évidemment, vu que nous commençons, nous n’avons rien dessus. Nous disposons maintenant d’un environnement de travail, nous pouvons passer à la seconde partie du tutoriel.
Partie 2 : https://gw-flamant.dev/commencer-le-developpement-azure-partie-2