Préparer le code de l’application web

Effectué

Dans cette unité, vous allez apprendre à créer le code de votre application web et à l’intégrer dans un référentiel 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 ASP.NET Core Model-View Controller (MVC) dans un nouveau dossier portant 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 -DarchetypeVersion=1.5

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 fait cela, 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 déjà installé sur votre ordinateur, l’exécution de ces commandes dans votre dossier de code source permet d’initialiser le référentiel.

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. Par la suite, vous pourrez synchroniser votre référentiel local avec un référentiel distant, qui sera par exemple hébergé sur GitHub. Cette synchronisation 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.