Préparer le code de l’application web
Dans cette unité, vous allez voir comment créer le code de votre application web et l’intégrer à un dépôt de contrôle de code source.
Amorcer une application web
Maintenant que vous avez créé les ressources pour le déploiement de votre application web, vous devez préparer le code que vous souhaitez déployer. Il existe de nombreuses façons de démarrer une nouvelle application web. Il est donc possible que ce que nous allons apprendre ici diffère de ce à quoi vous êtes habitué. L’objectif est de vous fournir rapidement un point de départ pour effectuer un cycle complet jusqu’au déploiement.
Notes
L’ensemble du code et des commandes présents dans cette page sont fournis à titre d’explication. Vous n’avez pas besoin de les exécuter. Nous les utiliserons dans un prochain exercice.
L’outil en ligne de commande dotnet qui est intégré au SDK .NET vous permet de créer directement le code d’une nouvelle application web. Plus précisément, vous pouvez utiliser la commande dotnet new pour générer une nouvelle application à partir d’un modèle :
dotnet new mvc --name <YourAppName>
Cette commande crée une nouvelle application MVC ASP.NET Core dans un nouveau dossier avec le nom spécifié.
Pour créer rapidement une application web de démarrage, vous pouvez utiliser l’outil en ligne de commande Maven (mvn) qui est couramment utilisé dans l’écosystème Java. Maven comprend une fonctionnalité appelée archetypes (archétypes) qui peut créer rapidement du code de démarrage pour différents types d’applications à l’aide de modèles. Vous pouvez utiliser le modèle maven-archetype-webapp pour générer le code pour une application web simple qui affiche « Hello World! » dans sa page d’accueil.
mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp
Cette commande crée un dossier helloworld qui contient le code source de votre application.
Vous pouvez utiliser l’outil en ligne de commande Node Package Manager (npm) qui est fourni avec Node.js pour créer une nouvelle application. La commande init crée un package.json qui est nécessaire pour votre application :
npm init -y
Si vous ouvrez le fichier package.json qui a été créé dans le dossier actif, vous pouvez ajouter une entrée start à la section scripts pour décrire comment votre application web doit s’exécuter :
...
"scripts": {
"start": "node index.js"
},
...
Une fois que vous avez terminé, vous pouvez écrire le code de votre application web dans un nouveau fichier index.js :
const http = require('http');
const port = process.env.PORT || 3000;
http.createServer(function(request, response) {
response.writeHead(200, { 'Content-Type': 'text/plain' });
response.end('Hello World!');
}).listen(port);
console.log(`Server running at http://localhost:${port}`);
Cet exemple de code crée un serveur qui écoute sur le port 3000 de votre ordinateur et répond à chaque demande par un message « Hello World! ».
Pour créer une application web de démarrage avec seulement quelques lignes de code, vous pouvez utiliser Flask, qui est un framework d’application web couramment utilisé. Vous pouvez installer Flask à l’aide de la commande suivante :
pip install flask
Une fois que Flask est disponible dans votre environnement, vous pouvez créer une application web minimale à l’aide de ce code :
from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():
return "Hello World!\n"
Cet exemple de code crée un serveur qui répond à chaque demande par un message « Hello World! ».
Ajout de votre code au contrôle de code source
Une fois que le code de votre application web est prêt, l’étape suivante consiste généralement à placer le code dans un dépôt de contrôle de code source, tel que Git. Si Git est installé sur votre machine, l’exécution de ces commandes dans votre dossier de code source va initialiser le dépôt.
git init
git add .
git commit -m "Initial commit"
Ces commandes vous permettent d’initialiser un dépôt Git local et de créer un premier commit avec votre code. Vous profitez immédiatement de l’avantage de pouvoir garder un historique de vos modifications avec des commits. Plus tard, vous pourrez également synchroniser votre dépôt local avec un dépôt distant, par exemple, hébergé sur GitHub. Cela vous permet de configurer l’intégration continue et le déploiement continu (CI/CD). Même si nous recommandons d’utiliser un dépôt de contrôle de code source pour les applications de production, cela n’est pas obligatoire pour déployer une application sur Azure App Service.
Remarque
L’utilisation du CI/CD permet de déployer du code plus fréquemment de manière fiable, en automatisant les builds, les tests et les déploiements pour chaque modification du code. Cela permet de créer plus rapidement et plus efficacement de nouvelles fonctionnalités et des correctifs de bogues pour votre application.