Deployer Express sur Azure

Pourquoi Deployer Express sur Azure ?

Le déploiement d'une application Express sur Azure est un processus idéal pour les développeurs cherchant à rendre leurs applications plus fiables, scalables et sécurisées. Azure offre une plateforme robuste et managée qui permet de déployer des applications web de manière facile et rapide.

Un cas concret serait le développement d'un service API pour un e-commerce en ligne. Avec Azure, vous pouvez faciliter le déploiement du backend de votre application, garantir la haute disponibilité et la sécurité des données, tout en ayant accès à des outils et des ressources avancées.

Prerequis

• Connaissance approfondie d'Express.js (v4.x ou v5.x)
• Compréhension de Node.js (v12.x ou plus tard)
• Un compte Azure actif
• Visual Studio Code ou un autre éditeur de code
• Git pour le contrôle de version

Concepts fondamentaux

1. Serveur Azure App Service

Le Serveur Azure App Service est une plateforme PaaS (Platform as a Service) qui permet d'héberger des applications web, API et applications mobiles.

// Exemple de création d'une application Express simple
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

2. Azure CLI

L'Azure Command-Line Interface (CLI) est une utilitaire en ligne gratuite et open source pour gérer les ressources Azure.

## Installation d'Azure CLI
npm install -g azure-cli

## Connexion à votre compte Azure
az login

3. Configuration de l'environnement de déploiement

Pour déployer une application Express sur Azure, il est nécessaire de configurer un fichier web.config pour indiquer comment Azure doit exécuter le serveur.

<!-- web.config -->
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <handlers>
      <add name="iisnode" path="server.js" verb="*" modules="iisnode"/>
    </handlers>
    <aspNetCore processPath="node" arguments=".\server.js" stdoutLogEnabled="false">
      <environmentVariables>
        <environmentVariable name="NODE_ENV" value="production"/>
      </environmentVariables>
    </aspNetCore>
  </system.webServer>
</configuration>

Mise en pratique : projet fil rouge

Mini-projet : Gestionnaire de Tâches

Étape 1 : Création du Projet Express

## Créer un nouveau projet Node.js
mkdir task-manager
cd task-manager
npm init -y

## Installer Express et TypeScript
npm install express --save
npm install typescript @types/node --save-dev

## Initialiser TypeScript
npx tsc --init

## Configuration de tsconfig.json pour le serveur
{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "outDir": "./dist",
    "rootDir": "./src",
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}

Étape 2 : Création des Fichiers de Code

## Créer la structure du projet
mkdir src
touch src/index.ts

## Ajouter un fichier .gitignore pour exclure les fichiers inutiles
echo "node_modules" > .gitignore
echo "dist" >> .gitignore

Étape 3 : Configuration de Express

// src/index.ts
import express from 'express';
const app = express();
const port = process.env.PORT || 3000;

app.get('/', (req, res) => {
  res.send('Task Manager API');
});

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

Étape 4 : Compilation et Exécution

## Compiler le code TypeScript
npx tsc

## Lancer l'application Express
node dist/index.js

Erreurs frequentes et debugging

1. Error: listen EACCES: permission denied

Message d'erreur :

Error: listen EACCES: permission denied, listen 3000

Code incorrect :

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Code correct :

const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

2. Error: Cannot find module 'express'

Message d'erreur :

Error: Cannot find module 'express'

Code incorrect :

import express from 'express';
const app = express();

Code correct :

npm install express --save

3. Error: ENOENT: no such file or directory, open 'server.js'

Message d'erreur :

Error: ENOENT: no such file or directory, open 'server.js'

Code incorrect :

<add name="iisnode" path="server.js" verb="*" modules="iisnode"/>

Code correct :

<add name="iisnode" path="dist/index.js" verb="*" modules="iisnode"/>

Pour aller plus loin

1. Utilisation de Docker avec Azure App Service

Docker permet de créer des images conteneurisées, ce qui facilite le déploiement et la gestion des applications.

• Lien : Azure App Service on Linux

2. Intégration continue avec Azure DevOps

Azure DevOps permet de créer un pipeline continu pour automatiser le déploiement des applications.

• Lien : Azure DevOps

3. Utilisation d'API Management sur Azure

API Management peut être utilisé pour gérer, protéger et optimiser les API de votre application.

• Lien : Azure API Management

Défi pratique : Créer une API Simple avec Express

1. Créez un nouveau projet Express.
2. Ajoutez des routes pour créer, lire, mettre à jour et supprimer des tâches.
3. Utilisez la base de données MongoDB pour stocker les tâches.