Votre première application backend utilisant Node.js-js tutoriel-php.cn

Votre première application backend utilisant Node.js

Barbara Streisand

Libérer： 2024-10-11 10:28:02

original

693 Les gens l'ont consulté

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

Copier après la connexion

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

   npm init

Copier après la connexion

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

Copier après la connexion

É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).
contrôleurs/ : code de magasin qui gère la logique des itinéraires.
models/ : stockez les modèles de base de données si vous utilisez une base de données (pas nécessaire maintenant).

Exemple de structure de dossiers :

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

Copier après la connexion

É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('<h1>Hello, Express.js Server!</h1>');
   });

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

Copier après la connexion

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

   node server.js

Copier après la connexion

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

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

Les routes définissent la manière dont votre serveur répond aux différentes requêtes d'URL.

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

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

Copier après la connexion

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');
   });

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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

   nodemon server.js

Copier après la connexion

Sortir?:

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

Hello, Express.js Server!

Copier après la connexion

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

This is the about page

Copier après la connexion

✅?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 backend 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._

Your First Backend Application using Node.js

Cette feuille de route :

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

Your First Backend Application using Node.js