Heim  >  Artikel  >  Web-Frontend  >  So erstellen Sie ein NodeJS-Projekt

So erstellen Sie ein NodeJS-Projekt

PHPz
PHPzOriginal
2023-04-05 10:31:194431Durchsuche

Erstellen Sie ein Node.js-Projekt

Mit der Popularität von Node.js schenken immer mehr Entwickler dieser JavaScript-Laufzeitumgebung Aufmerksamkeit. Viele Leute möchten wissen, wie man ein Node.js-Projekt einrichtet. In diesem Artikel erfahren Sie, wie Sie ein Node.js-Projekt erstellen und stellen einige nützliche Tools und Techniken vor.

1. Installieren Sie Node.js

Stellen Sie zunächst sicher, dass Sie Node.js installiert haben. Sie können das Node.js-Installationsprogramm von der offiziellen Node.js-Website (https://nodejs.org) herunterladen und dem Assistenten folgen, um es zu installieren.

Nach Abschluss der Installation können Sie das Terminal öffnen (Windows-System kann cmd über den Befehl „run“ öffnen) und den Befehl „node -v“ eingeben, um zu testen, ob Node.js erfolgreich installiert wurde. Bei erfolgreicher Installation wird die Versionsnummer von Node.js ausgegeben.

2. Wählen Sie eine IDE

Der nächste Schritt besteht darin, ein Entwicklungstool (IDE) zum Schreiben von Node.js-Code auszuwählen. Zu den häufig verwendeten Node.js-Entwicklungstools gehören Visual Studio Code, Sublime Text, Atom, WebStorm usw.

In diesem Artikel verwenden wir Visual Studio Code für die Entwicklung.

3. Erstellen Sie ein neues Projekt

Öffnen Sie Visual Studio Code, wählen Sie „Ordner öffnen“, erstellen Sie dann einen neuen Ordner und nennen Sie ihn „myapp“.

Erstellen Sie einen neuen Ordner innerhalb des Ordners und nennen Sie ihn „öffentlich“. Hier speichern wir statische Dateien wie JavaScript- und CSS-Dateien.

Als nächstes erstellen Sie eine neue Datei im Ordner „myapp“ und nennen Sie sie „app.js“. Dies ist die Einstiegspunktdatei für unsere Node.js-Anwendung.

4. Code in app.js schreiben

Öffnen Sie „app.js“ und geben Sie den folgenden Code ein:

const http = require('http');
const fs = require('fs');
const path = require('path');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  console.log(`Request for ${req.url} received.`);

  let filePath = '.' + req.url;
  if (filePath == './') {
    filePath = './public/index.html';
  }

  const extname = String(path.extname(filePath)).toLowerCase();
  const mimeTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.gif': 'image/gif',
    '.svg': 'image/svg+xml',
    '.wav': 'audio/wav',
    '.mp4': 'video/mp4',
    '.woff': 'application/font-woff',
    '.ttf': 'application/font-ttf',
    '.eot': 'application/vnd.ms-fontobject',
    '.otf': 'application/font-otf',
    '.wasm': 'application/wasm'
  };

  const contentType = mimeTypes[extname] || 'application/octet-stream';

  fs.readFile(filePath, (err, content) => {
    if (err) {
      if (err.code == 'ENOENT') {
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end(`<h1>404 Not Found</h1><p>The requested URL ${req.url} was not found on this server.</p>`);
      } else {
        res.writeHead(500, { 'Content-Type': 'text/html' });
        res.end(`<h1>500 Internal Server Error</h1><p>Sorry, we couldn't process your request. Please try again later.</p>`);
      }
    } else {
      res.writeHead(200, { 'Content-Type': contentType });
      res.end(content, 'utf-8');
    }
  });
});

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`);
});

Dieses Code-Snippet erstellt einen HTTP-Server und gleicht die Anfrage mit der entsprechenden Datei ab. Wenn beispielsweise „/about.html“ angefordert wird, sucht der Server nach der Datei „about.html“ im Ordner „myapp/public“ und gibt sie zurück. Wenn die Anfrage nicht mit einer Datei übereinstimmt, wird ein 404-Fehler zurückgegeben.

5. Routing hinzufügen

Wir können die Anwendung erweitern, indem wir Routen hinzufügen. Hier fügen wir dem Pfad „/hello“ eine einfache Route zur Verarbeitung von GET-Anfragen hinzu.

Fügen Sie den folgenden Code am Ende der app.js-Datei hinzu:

server.on('request', (req, res) => {
  if (req.method === 'GET' && req.url === '/hello') {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello, world!\n');
  }
});

Dieses Code-Snippet wartet auf Anfragen und gibt einen einfachen „Hello, world!“-String zurück, wenn die Anfragemethode GET und der Pfad „/hello“ ist. .

6. Führen Sie die Anwendung aus

Da wir nun die Entwicklung der Node.js-Anwendung abgeschlossen haben, müssen wir die Anwendung ausführen. Geben Sie im Terminal den folgenden Befehl ein:

node app.js

Dadurch wird die Anwendung gestartet und an Port 3000 gebunden.

Wenn Sie nun „http://localhost:3000/“ in den Browser eingeben, wird unsere statische Webseite geöffnet. Und wenn Sie „http://localhost:3000/hello“ eingeben, wird die Zeichenfolge „Hello, world!“ zurückgegeben.

7. Zusammenfassung

Node.js ist eine sehr beliebte JavaScript-Laufzeitumgebung, die Entwicklern helfen kann, schnell hoch skalierbare Anwendungen zu erstellen. Mithilfe der in diesem Artikel vorgestellten Tipps und Tools können Sie ganz einfach eine Node.js-Anwendung erstellen.

Ich hoffe, dieser Artikel kann Ihnen hilfreich sein und wünsche Ihnen viel Erfolg beim Aufbau Ihres eigenen Node.js-Projekts!

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein NodeJS-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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