Vous apprenez le développement Web et vous ne savez pas comment démarrer un projet Node.js ? Ne vous inquiétez pas, je vous ai ! Je vais vous guider dans la création de votre premier backend avec Node.js et Express.js en seulement 5 étapes.

?️5 étapes clés :

• Étape 1 : Configurer le projet
• Étape 2 : Organisez vos dossiers
• Étape 3 : Créer le fichier server.js
• Étape 4 : Créer des itinéraires
• Étape 5 : Exécutez votre backend

Étape 1 : Configurer le projet ?️

1. Installez Node.js et npm : Téléchargez et installez Node.js depuis le site officiel. Il est livré avec npm (Node Package Manager), qui vous aide à gérer les packages.

2. Créer un dossier de projet : créez un dossier pour votre projet. Ouvrez le terminal (ou l'invite de commande) et tapez :

   mkdir my-node-project
   cd my-node-project

3. Initialisez votre projet : dans le dossier, configurez un nouveau projet Node.js en tapant :

   npm init

Cela créera un fichier package.json dans lequel toutes les informations et dépendances de votre projet sont stockées. Appuyez simplement sur Entrée pour chaque question si vous n'êtes pas sûr.

4. Installez Express.js : Express.js est un framework qui facilite la création d'un backend. Installez-le en tapant :

   npm install express

Étape 2 : Organisez vos dossiers ?

Garder les choses organisées est important ! Voici comment structurer votre projet :

• server.js : C'est ici que nous écrivons le code du serveur principal.
• routes/ : stockez les fichiers d'itinéraire ici (où vous gérez les requêtes Web).
• controllers/ : stocke le code qui gère la logique des routes.
• models/ : stockez les modèles de base de données si vous utilisez une base de données (pas nécessaire pour le moment).

Exemple de structure de dossiers :

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

Étape 3 : Créer le fichier server.js ?️

1. Créez le fichier  : dans le dossier de votre projet, créez un fichier nommé server.js. Ce sera le point d'entrée de votre application.

2. Écrivez votre premier serveur Node.js :

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('
Hello, Express.js Server!
');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

3. Testez-le : exécutez votre serveur en tapant :

   node server.js

Maintenant, ouvrez votre navigateur Web et accédez à http://localhost:3000. Vous devriez voir « Bonjour, serveur Express.js ! » sur l'écran !

Étape 4 : Créer des itinéraires ?

Les itinéraires définissent la façon dont votre serveur répond aux différentes requêtes d'URL.

1. Créer une route : Dans le fichier server.js, vous disposez déjà d'une route :

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

2. Ajouter plus d'itinéraires : ajoutons quelques itinéraires supplémentaires :

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

3. Testez vos itinéraires : après avoir enregistré, accédez à votre navigateur et visitez ces URL :

• http://localhost:3000/ – devrait afficher "Bonjour, serveur Express.js !"
• http://localhost:3000/about – devrait afficher "Ceci est la page à propos"
• http://localhost:3000/contact – devrait afficher "Ceci est la page de contact"

Étape 5 : Exécutez votre backend ??

Pour que votre serveur continue de fonctionner et tester les modifications :

1. Démarrez votre serveur : exécutez à nouveau votre serveur :

   node server.js

2. Testez-le : vous pouvez visiter les URL dans votre navigateur ou utiliser un outil comme Postman pour envoyer des demandes.

3. Gardez votre serveur à jour : vous pouvez installer nodemon, qui redémarre automatiquement le serveur lorsque vous modifiez le code :

   npm install -g nodemon

Maintenant, au lieu de node server.js, exécutez :

   nodemon server.js

Sortir?:

Lorsque vous visitez http://localhost:3000/, vous verrez :

Hello, Express.js Server!

Lorsque vous visitez http://localhost:3000/about, vous verrez :

This is the about page

✅?Recommandation :

Utilisez ce modèle de notion de développeur back-end imprimable pour suivre vos progrès !

Les développeurs débutants ont souvent du mal à choisir la bonne pile technologique, ce qui les amène à perdre du temps et à perdre leur motivation. Ainsi, j'ai créé une feuille de route de développement back-end de 6 mois au design magnifique et très facile à suivre dans Notion afin que vous puissiez suivre vos progrès et respecter vos objectifs._

Cette feuille de route :

• ?️ Fournit un chemin clair pour éviter toute confusion.
•  ? Vous aide à rester motivé en indiquant par où commencer et par où finir.
•  ? Suit un plan structuré, semblable à un programme scolaire.
•  ? Organise votre apprentissage avec des objectifs hebdomadaires pour les outils et les langues.
• ⏳ Garantit un achèvement en 6 mois, couvrant tout ce dont vous avez besoin.
•  ? Présente un beau design pour une navigation facile.

Merci d'avoir lu cet article. Assurez-vous de me suivre sur ? pour les dernières mises à jour.

Lire la suite : compétences pour devenir développeur backend en 6 mois (feuille de route)