Your First Backend Application using Node.js

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._

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.

Vielen Dank für das Lesen dieses Artikels. Folgen Sie mir unbedingt auf ? für die neuesten Updates.

Read more: skills to become a backend developer in 6 months (roadmap)

The above is the detailed content of Your First Backend Application using Node.js. For more information, please follow other related articles on the PHP Chinese website!