Maison > interface Web > js tutoriel > Guide du débutant pour créer des API avec Express.js

Guide du débutant pour créer des API avec Express.js

Patricia Arquette
Libérer: 2024-12-01 08:17:15
original
488 Les gens l'ont consulté

A Beginner’s Guide to Building APIs with Express.js

Les API (Application Programming Interfaces) sont l'épine dorsale des applications Web modernes, permettant la communication entre le frontend et le backend. L'un des outils les plus populaires pour créer des API en JavaScript est Express.js, un framework Node.js minimaliste et flexible. Ce guide vous expliquera les bases de la création d'API avec Express.js.

Qu'est-ce qu'Express.js ?
Express.js est un framework léger permettant de créer des applications côté serveur avec Node.js. Il simplifie les tâches telles que la gestion des requêtes HTTP, le routage et l'intégration de middleware, ce qui en fait un excellent choix pour créer des API.

Pourquoi utiliser Express.js ?

  • Facilité d'utilisation : syntaxe simple et configuration rapide.
  • Flexibilité : personnalisable avec un middleware pour ajouter des fonctionnalités telles que l'authentification, la journalisation et la gestion des erreurs.
  • Évolutivité : convient aux petites et grandes applications.

Configuration de votre environnement Express.js

Étape 1 : Installer Node.js
Assurez-vous que Node.js est installé. Téléchargez-le depuis nodejs.org si nécessaire.

Étape 2 : Initialisez votre projet
Créez un nouveau répertoire de projet et initialisez-le :

mkdir express-api  
cd express-api  
npm init -y 
Copier après la connexion
Copier après la connexion

Cela crée un fichier package.json pour gérer les dépendances.

Étape 3 : Installer Express.js
Installez Express.js à l'aide de npm :

npm install express  
Copier après la connexion
Copier après la connexion

Créer votre première API

Étape 1 : Créer un serveur de base
Commencez par créer un fichier server.js et ajoutez le code suivant :

const express = require('express');  
const app = express();  
const PORT = 3000;  

app.listen(PORT, () => {  
  console.log(`Server is running on http://localhost:${PORT}`);  
});  
Copier après la connexion
Copier après la connexion

Exécutez le serveur avec :

node server.js 
Copier après la connexion

Visitez http://localhost:3000 et vous verrez que le serveur est en cours d'exécution (bien qu'il ne renvoie encore rien).

Étape 2 : Définissez votre premier itinéraire
Les routes définissent la manière dont votre API répond aux demandes des clients. Ajoutez un itinéraire simple pour renvoyer un message de bienvenue :

app.get('/', (req, res) => {  
  res.send('Welcome to your first Express API!');  
});  
Copier après la connexion

Redémarrez votre serveur et visiter http://localhost:3000 affichera maintenant le message.

Étape 3 : Créer un point de terminaison d'API
Ajoutons un point de terminaison pour gérer les données. Par exemple, une route /users qui renvoie une liste d'utilisateurs :

const users = [  
  { id: 1, name: 'Alice' },  
  { id: 2, name: 'Bob' },  
  { id: 3, name: 'Charlie' }  
];  

app.get('/users', (req, res) => {  
  res.json(users);  
}); 
Copier après la connexion

Visiter http://localhost:3000/users renverra désormais les données utilisateur au format JSON.

Ajout d'un middleware
Les fonctions middleware d’Express.js traitent les demandes et les réponses. Par exemple, vous pouvez utiliser un middleware pour analyser les données JSON envoyées par le client.

Étape 1 : Utiliser le middleware intégré
Pour activer l'analyse JSON, ajoutez ce qui suit :

app.use(express.json());  
Copier après la connexion

Étape 2 : Gérer les demandes POST
Ajoutez un itinéraire pour créer un nouvel utilisateur :

mkdir express-api  
cd express-api  
npm init -y 
Copier après la connexion
Copier après la connexion

Vous pouvez désormais envoyer une requête POST avec des données JSON à http://localhost:3000/users pour ajouter un nouvel utilisateur.

Gestion des erreurs
Pour gérer les erreurs avec élégance, utilisez un middleware. Par exemple :

npm install express  
Copier après la connexion
Copier après la connexion

Cela garantit que toute erreur non gérée renvoie une réponse significative.

Code final
Voici l’exemple complet :

const express = require('express');  
const app = express();  
const PORT = 3000;  

app.listen(PORT, () => {  
  console.log(`Server is running on http://localhost:${PORT}`);  
});  
Copier après la connexion
Copier après la connexion

Conclusion
Express.js rend la création d'API simple et efficace, en offrant les outils et la flexibilité dont vous avez besoin pour démarrer rapidement. En comprenant les bases de la configuration des itinéraires, de la gestion des données et de l'utilisation d'un middleware, vous pouvez créer des API puissantes pour vos applications Web.

Continuez à explorer des fonctionnalités telles que l'authentification, l'intégration de bases de données et la gestion avancée des erreurs pour faire passer vos API au niveau supérieur !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal