Heim > Web-Frontend > js-Tutorial > Hauptteil

Erste Schritte mit ExpressJS: Beispiel_node.js

WBOY
Freigeben: 2016-05-16 16:20:06
Original
940 Leute haben es durchsucht

1. Wir erstellen das Projektverzeichnis.

Code kopieren Der Code lautet wie folgt:

> md hallo-welt

2. Geben Sie dieses Verzeichnis ein und definieren Sie die Projektkonfigurationsdatei package.json.
Zur genauen Definition können Sie den Befehl verwenden:
Code kopieren Der Code lautet wie folgt:

D:tmpnodehello-world> npm info express version
npm http GET https://registry.npmjs.org/express
npm http 200 https://registry.npmjs.org/express
3.2.1

Da wir nun wissen, dass die neueste Version des ExpressJS-Frameworks 3.2.1 ist, lautet die Konfigurationsdatei:
Code kopieren Der Code lautet wie folgt:

{
„name“: „hello-world“,
„Beschreibung“: „Hallo Welt-Test-App“,
„Version“: „0.0.1“,
„privat“: wahr,
"Abhängigkeiten": {
„express“: „3.2.1“
}  
}

3. Verwenden Sie npm, um die Pakete zu installieren, von denen das Projekt abhängt.

Code kopieren Der Code lautet wie folgt:

> npm install

Sobald die npm-Installation der abhängigen Pakete abgeschlossen ist, wird ein Unterverzeichnis von „node_modules“ im Stammverzeichnis des Projekts angezeigt. Hier werden die für die Projektkonfiguration benötigten Expresspakete hinterlegt. Wenn dies bestätigt ist, können Sie den Befehl ausführen:
Code kopieren Der Code lautet wie folgt:

> npm ls
PS D:tmpnodehello-world> npm ls
npm WARN package.json hello-world@0.0.1 Keine README.md-Datei gefunden! hello-world@0.0.1 D:tmpnodehello-world
└─┬ express@3.2.1
├── buffer-crc32@0.2.1
├── commander@0.6.1
├─┬ connect@2.7.7
│ ├── bytes@0.2.0
│ ├── formidable@1.0.13
│ └── pause@0.0.1
├── cookie@0.0.5
├── cookie-signatur@1.0.1
├── debug@0.7.2
├── fresh@0.1.0
├── Methoden@0.0.1
├── mkdirp@0.3.4
├── qs@0.6.1
├── range-parser@0.0.4
└─┬ send@0.1.0
└── mime@1.2.6

Dieser Befehl zeigt Express-Pakete und ihre Abhängigkeiten an.

4. Erstellen Sie eine Anwendung

Jetzt beginnen Sie mit der Erstellung der Anwendung selbst. Erstellen Sie eine Datei mit dem Namen app.js oder server.js, je nachdem, was Sie bevorzugen. Verweisen Sie auf Express und erstellen Sie eine neue Anwendung mit express():


Code kopieren Der Code lautet wie folgt:
// app.js
var express = require('express'); var app = express();


Als nächstes können wir app.verb() verwenden, um Routen zu definieren. Verwenden Sie beispielsweise „GET /“, um auf die Zeichenfolge „Hello World“ zu antworten. Da es sich bei res und req um von Node bereitgestellte genaue Objekte handelt, können Sie res.pipe() oder req.on('data', callback) oder andere aufrufen .


app.get('/hello.txt', function(req, res){
var body = 'Hallo Welt'; res.setHeader('Content-Type', 'text/plain');
res.setHeader('Content-Length', body.length);
Res.end(body);
});

Das ExpressJS-Framework bietet übergeordnete Methoden wie res.send(), mit denen Dinge wie das Hinzufügen von Content-Length eingespart werden können. Wie folgt:

Code kopieren Der Code lautet wie folgt:

app.get('/hello.txt', function(req, res){
res.send('Hallo Welt');
});

Jetzt können Sie den Port binden und abhören. Rufen Sie die Methode app.listen() auf und erhalten Sie dieselben Parameter, wie zum Beispiel:

5. Führen Sie das Programm aus

Führen Sie nun das Programm aus und führen Sie den Befehl aus:

Code kopieren Der Code lautet wie folgt:

> Knoten app.js

Verwenden Sie einen Browser, um auf die Adresse zuzugreifen: http://localhost:3000/hello.txt
Sie können die Ausgabe sehen:
Code kopieren Der Code lautet wie folgt:

Hallo Welt
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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!