您的第一个使用 Node.js 的后端应用程序-js教程-PHP中文网

Lernen Sie Webentwicklung und wissen nicht, wie Sie ein Node.js-Projekt starten sollen? Mach dir keine Sorgen, ich habe dich! Ich führe Sie in nur 5 Schritten durch die Erstellung Ihres ersten Backends mit Node.js und Express.js.

?️5 wichtige Schritte:

Schritt 1: Richten Sie das Projekt ein
Schritt 2: Organisieren Sie Ihre Ordner
Schritt 3: Erstellen Sie die server.js-Datei
Schritt 4: Routen erstellen
Schritt 5: Führen Sie Ihr Backend aus

Schritt 1: Richten Sie das Projekt ein ?️

1. Node.js und npm installieren: Laden Sie Node.js von der offiziellen Website herunter und installieren Sie es. Es wird mit npm (Node Package Manager) geliefert, der Ihnen bei der Verwaltung von Paketen hilft.

2. Erstellen Sie einen Projektordner: Erstellen Sie einen Ordner für Ihr Projekt. Öffnen Sie das Terminal (oder die Eingabeaufforderung) und geben Sie Folgendes ein:

   mkdir my-node-project
   cd my-node-project

登录后复制

3. Initialisieren Sie Ihr Projekt: Richten Sie im Ordner ein neues Node.js-Projekt ein, indem Sie Folgendes eingeben:

   npm init

登录后复制

Dadurch wird eine package.json-Datei erstellt, in der alle Ihre Projektinformationen und Abhängigkeiten gespeichert sind. Drücken Sie einfach für jede Frage die Eingabetaste, wenn Sie sich nicht sicher sind.

4. Express.js installieren: Express.js ist ein Framework, das den Aufbau eines Backends erleichtert. Installieren Sie es, indem Sie Folgendes eingeben:

   npm install express

登录后复制

Schritt 2: Organisieren Sie Ihre Ordner?

Ordnung ist wichtig! So können Sie Ihr Projekt strukturieren:

server.js: Hier schreiben wir den Hauptservercode.
Routen/: Speichern Sie Routendateien hier (wo Sie Webanfragen bearbeiten).
Controller/: Speichercode, der die Logik für Routen verwaltet.
Modelle/: Speichern Sie Datenbankmodelle, wenn Sie eine Datenbank verwenden (wird derzeit nicht benötigt).

Beispiel einer Ordnerstruktur:

my-node-project/
├── routes/
├── server.js
├── package.json
└── node_modules/

登录后复制

Schritt 3: Erstellen Sie die server.js-Datei ?️

1. Erstellen Sie die Datei: Erstellen Sie in Ihrem Projektordner eine Datei mit dem Namen server.js. Dies wird der Einstiegspunkt Ihrer App sein.

2. Schreiben Sie Ihren ersten Node.js-Server:

   const express = require('express'); // Importing express
   const app = express(); // Creating an express app

   // Create a route that sends a response when visiting the homepage
   app.get('/', (req, res) => {
     res.send('<h1>Hello, Express.js Server!</h1>');
   });

   // Set up the server to listen on port 3000
   const port = 3000;
   app.listen(port, () => {
     console.log(`Server is running on port ${port}`);
   });

登录后复制

3. Testen Sie es: Starten Sie Ihren Server, indem Sie Folgendes eingeben:

   node server.js

登录后复制

Öffnen Sie nun Ihren Webbrowser und gehen Sie zu http://localhost:3000. Sie sollten „Hallo, Express.js Server!“ sehen. auf dem Bildschirm!

Schritt 4: Routen erstellen?

Routen definieren, wie Ihr Server auf verschiedene URL-Anfragen reagiert.

1. Erstellen Sie eine Route: In der Datei server.js haben Sie bereits eine Route:

   app.get('/', (req, res) => {
     res.send('Hello, Express.js Server!');
   });

登录后复制

2. Weitere Routen hinzufügen: Fügen wir weitere Routen hinzu:

   app.get('/about', (req, res) => {
     res.send('This is the about page');
   });

   app.get('/contact', (req, res) => {
     res.send('This is the contact page');
   });

登录后复制

3. Testen Sie Ihre Routen: Gehen Sie nach dem Speichern zu Ihrem Browser und besuchen Sie diese URLs:

http://localhost:3000/ – sollte „Hallo, Express.js Server!“ anzeigen
http://localhost:3000/about – sollte „Dies ist die About-Seite“ anzeigen
http://localhost:3000/contact – sollte „Dies ist die Kontaktseite“ anzeigen

Schritt 5: Führen Sie Ihr Backend aus?

Um Ihren Server am Laufen zu halten und Änderungen zu testen:

1. Starten Sie Ihren Server: Starten Sie Ihren Server erneut:

   node server.js

登录后复制

2. Testen Sie es: Sie können die URLs in Ihrem Browser aufrufen oder ein Tool wie Postman verwenden, um Anfragen zu senden.

3. Halten Sie Ihren Server auf dem neuesten Stand: Sie können nodemon installieren, das den Server automatisch neu startet, wenn Sie den Code ändern:

   npm install -g nodemon

登录后复制

Führen Sie nun anstelle von node server.js Folgendes aus:

   nodemon server.js

登录后复制

Ausgabe?:

Wenn Sie http://localhost:3000/ besuchen, sehen Sie:

Hello, Express.js Server!

登录后复制

Wenn Sie http://localhost:3000/about besuchen, sehen Sie:

This is the about page

登录后复制

✅?Empfehlung:

Verwenden Sie diese druckbare Backend Developer Notion-Vorlage, um Ihren Fortschritt zu verfolgen!

Entwickler-Anfänger haben oft Schwierigkeiten bei der Auswahl des richtigen Tech-Stacks, was zu Zeitverschwendung und Motivationsverlust führt. Deshalb habe ich in Notion eine wunderschön gestaltete und sehr einfach zu verfolgende 6-monatige Backend-Entwickler-Roadmap erstellt, damit Sie Ihren Fortschritt verfolgen und an Ihren Zielen festhalten können._

Your First Backend Application using Node.js

Diese Roadmap:

?️ Bietet einen klaren Weg, um Verwirrung zu vermeiden.
? Hilft Ihnen, motiviert zu bleiben, indem es Ihnen zeigt, wo Sie beginnen und enden sollen.
? Folgt einem strukturierten Plan, ähnlich einem Lehrplan.
? Organisiert Ihr Lernen mit wöchentlichen Zielen für Tools und Sprachen.
⏳ Stellt die Fertigstellung in 6 Monaten sicher und deckt alles ab, was Sie brauchen.
? Verfügt über ein schönes Design für eine einfache Navigation.

Your First Backend Application using Node.js