Déploiement avec ExpressJS - Guide pour Débutants

Introduction : Qu’est-ce que le Déploiement ?

Déployer, c’est comme ouvrir votre restaurant au public après avoir cuisiné chez vous. Jusqu’ici, votre application ExpressJS tournait sur votre ordinateur (localhost). Avec le déploiement, elle sera sur un serveur en ligne, accessible via une URL publique. Render est comme un chef qui s’occupe de tout pour vous gratuitement.

Étape 1 : Créer une Application Simple

Commençons par une petite application ExpressJS à déployer.

Exemple de Code : Application à Déployer

Créez un dossier nommé "deploiement-express" sur votre ordinateur, puis suivez ces étapes :

• Initialisez le projet : Dans le terminal, allez dans ce dossier avec cd chemin/vers/deploiement-express, puis tapez npm init -y.
• Installez ExpressJS : Tapez npm install express.
• Créez app.js : Ajoutez ce code :

📋 Copier le code

var express = require('express');
var app = express();

// Définir le port dynamiquement pour Render
var port = process.env.PORT || 3000;

app.get('/', function(req, res) {
    res.send('Mon application est en ligne !');
});

app.listen(port, function() {
    console.log('Serveur démarré sur le port ' + port);
});
    

Explication Rapide

Ce code crée une route "/" qui affiche un message simple. process.env.PORT permet à Render de choisir le port (sinon, 3000 par défaut).

Étape 2 : Préparer pour le Déploiement

Avant de mettre en ligne, ajoutons quelques détails :

• Ajouter un script de démarrage : Ouvre package.json et modifie la section "scripts" comme ceci :

  "scripts": {
      "start": "node app.js"
  },

  Cela dit à Render comment lancer votre application.

• Vérifiez Node.js : Assurez-vous d’avoir Node.js installé localement (tapez node -v). Render le fournira en ligne.

Étape 3 : Mettre en Ligne avec Render

Maintenant, déployons sur Render. Vous aurez besoin d’un compte GitHub pour stocker votre code.

Sous-étape 1 : Créer un Dépôt GitHub

• Initialisez Git : Dans votre terminal, dans "deploiement-express", tapez :

  git init
  git add .
  git commit -m "Première version de mon appli"
              

• Créez un dépôt GitHub : Allez sur github.com/new, nommez-le "deploiement-express", et suivez les instructions pour pousser votre code (ex. : git remote add origin..., git push -u origin main).

Sous-étape 2 : Déployer sur Render

• Inscrivez-vous sur Render : Allez sur render.com et connectez-vous avec GitHub.
• Créez un nouveau service : Cliquez sur "New +" > "Web Service".
• Connectez votre dépôt : Sélectionnez "deploiement-express" dans la liste de vos dépôts GitHub.
• Configurez le service :
  • Name : "mon-appli-express" (ou ce que vous voulez).
  • Runtime : Choisissez "Node".
  • Build Command : npm install.
  • Start Command : npm start.
• Déployez : Cliquez sur "Create Web Service". Render va construire et lancer votre application.

Étape 4 : Tester Votre Application en Ligne

Une fois déployée, Render vous donne une URL (ex. : https://mon-appli-express.onrender.com). Ouvrez-la dans votre navigateur :

• Vous verrez "Mon application est en ligne !".
• Partagez cette URL avec vos amis pour qu’ils la voient aussi !

Si ça ne marche pas, vérifiez les "Logs" sur Render pour voir ce qui cloche (ex. : une faute dans le code).

Conclusion

Félicitations ! Vous savez maintenant déployer une application ExpressJS avec Render. Votre site est en ligne, accessible au monde entier. Pour aller plus loin, explorez notre prochain tutoriel sur Optimisation des Performances avec ExpressJS ou consultez la documentation Render.