Nodejs Express-Nutzungstutorial (mit Code)

Express ist ein einfaches und flexibles Node.js-Framework für die Entwicklung von Webanwendungen. Es bietet eine Reihe leistungsstarker Funktionen, die Sie bei der Erstellung verschiedener Web- und Mobilgeräteanwendungen unterstützen.

1.Express-Organisationsstruktur

App-Demo

|---node_modules------für die Installation lokale Module.
|---public------------ wird zum Speichern von Dateien verwendet, die Benutzer herunterladen können, z. B. Bilder, Skripte, Stylesheets usw.
|---routes------------ wird zum Speichern von Routing-Dateien verwendet.
|---views------------- Wird zum Speichern von Vorlagen für Webseiten verwendet.
|---app.js------------Das Startskript der Anwendung.
|---package.json------Projektkonfigurationsdatei.

2.. Express-Server erstellen

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

NodeJS-Anwendung ausführen

/>node app.js

3. Middleware

Middleware ist eine Funktion, die HTTP-Anfragen verarbeitet.
Wenn ein HTTP Wenn die Anforderung beim Server eingeht, ruft die Serverinstanz die erste Middleware auf und entscheidet entsprechend den Einstellungen, ob die nächste Middleware aufgerufen werden soll:

. Wenn es vier gibt – die erste ist die Fehlerbehandlung, die zweite ist die Client-Anfrage, die dritte ist die Antwort des Servers und die vierte ist die nächste Middleware 🎜>. Der erste Client fordert eine Anfrage an, der zweite ist die Antwort des Servers und der dritte ist die nächste Middleware. -Der erste Client fordert eine Anfrage an und der zweite antwortet auf die Server-Antwortfunktion (Anfrage, Antwort){}

4. Verwenden Sie die Middleware 🎜>

use ist die Methode von Express zum Aufrufen von Middleware, die eine Funktion zurückgibt.

5. Fehlerinhaltsanzeige

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

6. Routing

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!');
});//错误内容显示

Es gibt viele Möglichkeiten, Express zu routen häufig verwendete Beispiele: .app.use('/', middleware);// Beim Abrufen/Posten wird der Pfad verarbeitet /.app.get("/", middleware );//Beim Aufrufen von http erfolgt die Verarbeitung von path/

.app.post("/", Middleware);//Beim Aufrufen von http erfolgt die Verarbeitung von path/ / Processing

.app.put ("/", middleware);//Beim Einfügen von http, Verarbeitung des Pfads/.app.delete("/", middleware);//Beim Einfügen von http Bei der Verarbeitung des Pfads/

.: Pfadinhalt erfassen

8. Umgebungsvariablensatz festlegen Satz wird verwendet, um den festzulegen Wert einer Variablen.

app.set("view engine", "ejs");//Ejs als Vorlage verwenden

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

9. Antwortobjektmethode

.Redirect-Weiterleitung

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

Response.redirect("/hello/anime");//Weiterleitung zu /hello/anime .Datei senden sendFile

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

Rendern Sie die Webseitenvorlage, dh laden Sie den transformierten Inhalt in die Webseite .

Response.render("index", { message: "Hello World" });//Übergeben Sie die Nachrichtenvariable an die Indexvorlage, wobei der Wert „Hello World“ in eine HTML-Webseite gerendert wird

10. Anforderungsobjektmethode

Abrufen der hochgeladenen Dateien: request.files

11. Startskript package.json

package.json wird verwendet, um App-Informationen, NodeJS-Versionsnummer und Abhängigkeiten anderer Komponenten anzugeben

12.app-Eingang app.js

app.js umfasst hauptsächlich http-Erstellung, grundlegendes Routing, und Abhörportnummer

13. Dynamische Webseitenvorlagenansichten

Ansichtsordner wird zum Speichern aller Webseitenvorlagen verwendet.

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

14. Geben Sie das statische Webseitenverzeichnis an

//app.js
app.use(express.static('public')) ;/ /Geben Sie das statische Webseitenverzeichnis an. Wenn der Browser eine Anfrage für eine Nicht-HTML-Datei sendet, geht der Server zum öffentlichen Verzeichnis, um nach der Datei zu suchen.

Beispiel: Der Server geht Gehen Sie zum Verzeichnis public/bootstrap/css/, um nach der Datei „bootstrap.css“ zu suchen.

Okay, dieses Tutorial wird Ihnen hier vorgestellt. Wir werden Sie auch in Zukunft auf dem Laufenden halten Fortsetzung der Unterstützung der chinesischen PHP-Website.

【Empfohlene verwandte Tutorials】

1. JavaScript-Video-Tutorial
2. JavaScript-Online-Handbuch
Bootstrap-Tutorial