Tutoriel d'utilisation de Nodejs Express (avec code)

Express est un framework de développement d'applications Web node.js simple et flexible. Il fournit une série de fonctionnalités puissantes pour vous aider à créer diverses applications Web et pour appareils mobiles.

1.structure organisationnelle express

démo de l'application

|---node_modules------pour l'installation modules locaux.
|-------public------------ est utilisé pour stocker les fichiers que les utilisateurs peuvent télécharger, tels que des images, des scripts, des feuilles de style, etc.
|---routes------------ est utilisé pour stocker les fichiers de routage.
|---vues------------- Utilisé pour stocker des modèles de pages Web.
|---app.js------------Le script de démarrage de l'application.
|---package.json------Fichier de configuration du projet.

2.. Créer un serveur express

//app.js文件
var express = require('express');
var app = express();
//指定更目录显示的内容
app.get('/', function(req, res){
 res.send('Hello World');
});
//指定监听端口
var server = app.listen(3000, function() {
  console.log('Listening on port %d', server.address().port);
});

Exécuter l'application nodejs

/>node app.js

3. Middleware

Le middleware est une fonction qui gère les requêtes HTTP.
Quand un HTTP La requête entre dans le serveur, l'instance du serveur appellera le premier middleware. Une fois terminé, elle décidera d'appeler ou non le middleware suivant en fonction des paramètres

Les paramètres du middleware sont :

.

. Lorsqu'il y en a quatre : le premier est la gestion des erreurs, le deuxième est la demande du client, le troisième est la réponse du serveur et le quatrième est le middleware suivant tel que la fonction (erreur, demande, réponse, suivant){}<. 🎜>. Trois fois --- la première demande du client, la seconde est la réponse du serveur et la troisième est le middleware suivant, tel que la fonction (requête, réponse, suivant) { >
. -le premier client demande une requête et le second répond à la fonction de réponse du serveur Tel que la fonction (requête, réponse){}

4. Utiliser le middleware

use est la méthode express d'appel du middleware, qui renvoie une fonction.

app.use(function(request, response) {
 response.writeHead(200, { "Content-Type": "text/plain" });
 response.end("Hello world!\n");
});

5.

app.use(express.bodyParser());//使用body参数
app.use(express.methodOverride());//使用函数覆盖
app.use(app.router);//使用路由
app.use(function(err, req, res, next){
 console.error(err.stack);
 res.send(500, 'Something broke!');
});//错误内容显示

6. Routage

Il existe de nombreuses façons d'acheminer l'express. exemples couramment utilisés :

.app.use('/', middleware);//Lors de l'obtention/de la publication, le traitement du chemin /.app.get("/", middleware );//Lors de l'entrée en http, le traitement du chemin/

.app.post("/", middleware);//Lors de la publication en http, le traitement du chemin/ / Processing

.app.put ("/", middleware);//Lors de la mise en http, traitement du chemin/
.app.delete("/", middleware);//Supprimer dans http Lors du traitement du chemin/

.: Capturer le contenu du chemin

8. Définir l'ensemble des variables d'environnement

est utilisé pour spécifier le valeur d'une variable.

app.get("*", function(request, response) {
 response.end("404!");
});//所有路径都返回404

app.set("view engine", "ejs");//Utiliser ejs comme modèle

9. 🎜>

app.get("/hello/:who", function(req, res) {
 res.end("Hello, " + req.params.who + ".");
});//如"/hello/alice”网址，网址中的alice将被捕获，作为req.params.who属性的值

.Redirect redirect

réponse.redirect("/hello/anime");//Redirect vers /hello/anime .Envoyer le fichier sendFile

response.sendFile("/path/to/anime.mp4");

. Rendre le rendu du modèle de page Web, c'est-à-dire charger le contenu transformé dans la page Web. . réponse.render("index", { message: "Hello World" });//Passez la variable de message dans le modèle d'index, avec la valeur "Hello World" rendue dans une page Web HTML

10. Méthode d'objet de demande

Obtenez l'adresse IP du client : request.ip

.

11. Script de démarrage package.json

package.json est utilisé pour spécifier les informations sur l'application, le numéro de version de nodejs et les dépendances d'autres composants

12.app entrée app.js

app.js comprend principalement la création http, le routage de base, et numéro de port d'écoute

13. Vues de modèles de pages Web dynamiques

{
  "name": "demo",
  "description": "My First Express App",
  "version": "0.0.1",
  "dependencies": {
   "express": "3.x"
  }
}

le dossier de vues est utilisé pour stocker tous les modèles de pages Web.

14. Spécifiez le répertoire de la page Web statique

//app.js
app.use(express.static('public')) ;/ /Spécifiez le répertoire de la page Web statique. Lorsque le navigateur envoie une requête pour un fichier non HTML, le serveur ira dans le répertoire public pour rechercher le fichier

Par exemple :, le serveur ira dans le répertoire public/bootstrap/css/ pour rechercher le fichier bootstrap.css

D'accord, ce tutoriel vous sera présenté ici. Nous continuerons à vous mettre à jour à l'avenir. Merci pour votre. support continu du site Web PHP chinois.

【Tutoriels associés recommandés】

1. Tutoriel vidéo JavaScript
2 Manuel en ligne JavaScript
3. tutoriel bootstrap