Heim > Web-Frontend > js-Tutorial > Nodejs Express-Nutzungstutorial (mit Code)

Nodejs Express-Nutzungstutorial (mit Code)

PHPz
Freigeben: 2018-10-13 16:12:55
Original
1313 Leute haben es durchsucht

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);
});
Nach dem Login kopieren

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");
});
Nach dem Login kopieren

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

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
Nach dem Login kopieren
9. Antwortobjektmethode

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

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"
  }
}
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage