Maison interface Web Questions et réponses frontales Explication détaillée de la façon d'installer et de configurer Express dans nodejs

Explication détaillée de la façon d'installer et de configurer Express dans nodejs

Apr 07, 2023 am 09:30 AM

Node.js est une plate-forme JavaScript légère qui peut s'exécuter côté serveur pour créer rapidement des applications évolutives et hautes performances. Express est l'un des frameworks d'application Node.js et est largement utilisé dans le monde Node.js. Il fournit un ensemble d'interfaces simples et faciles à utiliser pour aider les développeurs à créer rapidement des applications côté serveur. Cet article vous montrera comment installer et configurer Express dans Node.js.

1. Installation de Node.js

Avant d'installer Express, vous devez d'abord installer Node.js. Node.js peut télécharger la dernière version du package d'installation depuis le site officiel http://nodejs.org/. Pendant le processus d'installation, il vous suffit de suivre les invites par défaut pour terminer l'installation de Node.js.

2. Installer Express

Express peut être installé via l'outil de ligne de commande. Ouvrez un terminal ou une fenêtre de ligne de commande et entrez la commande suivante :

$ npm install express
Copier après la connexion

ou

$ npm install -g express
Copier après la connexion

La première commande installera Express dans le chemin du projet, le la deuxième commande Express sera installée sous le chemin global. L'installation d'Express à l'échelle mondiale peut nécessiter des privilèges d'administrateur.

Une fois l'installation terminée, pour intégrer Express dans le projet Node.js, vous devez créer un nouveau dossier dans le répertoire du projet et le nommer "node_modules". Copiez le package Express dans le dossier "node_modules" dans ce dossier.

Ensuite, ajoutez le code suivant dans le fichier "app.js" du projet pour activer Express :

var express = require('express');
var app = express();
Copier après la connexion

3. Configuration de base d'Express

La configuration d'Express nécessite d'appeler certaines fonctions sur l'objet application et de transmettre certains paramètres. Ce qui suit est la méthode de configuration de base pour configurer Express.

1. Configurer le routage

Le routage fait référence au mappage d'URL des applications côté serveur, généralement constitué de méthodes HTTP et de chemins d'URL. Express permet de définir le routage via des fonctions telles que « app.get » et « app.post ».
Par exemple, voici le code pour définir le routage :

app.get('/', function (req, res) {
    res.send('Hello World!');
});
Copier après la connexion

Dans le code ci-dessus, la fonction "app.get" signifie que lorsque la méthode de requête HTTP est "GET" et que le chemin de l'URL est "/", le serveur répondra avec la chaîne "Hello World!".

2. Configurer le middleware

Le middleware fait référence à la fonction de traitement logique exécutée avant le traitement des requêtes et des réponses. Express permet de configurer le middleware via la fonction "app.use".
Par exemple, voici le code pour configurer le middleware :

app.use(express.static('public'));
Copier après la connexion

Dans le code ci-dessus, la fonction "express.static" signifie servir des fichiers statiques aux fichiers du répertoire spécifié. Toutes les demandes de fichiers statiques recevront une réponse automatique.

3. Configurer le moteur de modèles

Le moteur de modèles permet au serveur de générer dynamiquement du contenu HTML pour offrir une bonne expérience utilisateur au client. Express permet de paramétrer le moteur de template via la fonction "app.set".
Par exemple, voici le code pour configurer le moteur de modèle :

app.set('view engine', 'ejs');
Copier après la connexion

Dans le code ci-dessus, « moteur de vue » représente le nom du moteur de vue et « ejs » représente l'utilisation du moteur de modèle EJS.

4. Express en cours d'exécution

Après avoir terminé la configuration de base d'Express, vous pouvez utiliser le code suivant pour démarrer le serveur :

app.listen(3000, function () {
    console.log('Example app listening on port 3000!');
});
Copier après la connexion

Dans le code ci-dessus, la fonction "app.listen" signifie écouter sur le port 3000 pour recevoir le client. demandes. Une fois le serveur démarré, saisissez « http://localhost:3000/ » dans le navigateur pour y accéder.

Résumé

Grâce à cet article, vous avez appris comment installer et configurer Express dans Node.js, et comment créer un serveur Express de base. Express est riche en fonctionnalités et hautement personnalisable, et mérite votre compréhension et votre exploration approfondies.

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Qu'est-ce que l'utilisation Effecte? Comment l'utilisez-vous pour effectuer des effets secondaires? Mar 19, 2025 pm 03:58 PM

L'article traite de l'utilisation Effecte dans React, un crochet pour gérer les effets secondaires comme la récupération des données et la manipulation DOM dans les composants fonctionnels. Il explique l'utilisation, les effets secondaires courants et le nettoyage pour éviter des problèmes comme les fuites de mémoire.

Comment fonctionne l'algorithme de réconciliation React? Comment fonctionne l'algorithme de réconciliation React? Mar 18, 2025 pm 01:58 PM

L'article explique l'algorithme de réconciliation de React, qui met à jour efficacement le DOM en comparant les arbres DOM virtuels. Il traite des avantages de la performance, des techniques d'optimisation et des impacts sur l'expérience utilisateur. Compte de charge: 159

Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Quelles sont les fonctions d'ordre supérieur en JavaScript, et comment peuvent-ils être utilisés pour écrire du code plus concis et réutilisable? Mar 18, 2025 pm 01:44 PM

Les fonctions d'ordre supérieur dans JavaScript améliorent la concision du code, la réutilisabilité, la modularité et les performances par abstraction, modèles communs et techniques d'optimisation.

Comment fonctionne le currying en JavaScript et quels sont ses avantages? Comment fonctionne le currying en JavaScript et quels sont ses avantages? Mar 18, 2025 pm 01:45 PM

L'article traite du curry dans JavaScript, une technique transformant les fonctions mulguments en séquences de fonctions à argument unique. Il explore la mise en œuvre du currying, des avantages tels que des applications partielles et des utilisations pratiques, améliorant le code

Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Comment connectez-vous les composants React au magasin Redux à l'aide de Connect ()? Mar 21, 2025 pm 06:23 PM

L'article discute de la connexion des composants React à Redux Store à l'aide de Connect (), expliquant MapStateToproprop, MapDispatchToprops et des impacts de performances.

Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Qu'est-ce que UseContext? Comment l'utilisez-vous pour partager l'état entre les composants? Mar 19, 2025 pm 03:59 PM

L'article explique UseContext dans React, qui simplifie la gestion de l'État en évitant le forage des accessoires. Il traite des avantages tels que les améliorations centralisées de l'État et des performances grâce à des redevances réduites.

Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Comment empêchez-vous le comportement par défaut dans les gestionnaires d'événements? Mar 19, 2025 pm 04:10 PM

L'article discute de la prévention des comportements par défaut dans les gestionnaires d'événements à l'aide de la méthode empêchée dedEfault (), de ses avantages tels que une expérience utilisateur améliorée et des problèmes potentiels tels que les problèmes d'accessibilité.

Comment implémentez-vous les crochets personnalisés dans React? Comment implémentez-vous les crochets personnalisés dans React? Mar 18, 2025 pm 02:00 PM

L'article discute de la mise en œuvre de crochets personnalisés dans React, en se concentrant sur leur création, les meilleures pratiques, les avantages de la performance et les pièges communs à éviter.

See all articles