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: Projekt einrichten
• 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. Installieren Sie Node.js und npm: Laden Sie Node.js von der offiziellen Website herunter und installieren Sie es. Es wird mit npm (Node Package Manager) geliefert, mit dem Sie Pakete verwalten können.

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?

Es ist wichtig, die Dinge organisiert zu halten! So können Sie Ihr Projekt strukturieren:

• server.js: Hier schreiben wir den Hauptservercode.
• routes/: Speichern Sie Routendateien hier (wo Sie Webanfragen bearbeiten).
• controllers/: Speichern Sie Code, der die Logik für Routen verwaltet.
• models/: 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('
Hello, Express.js Server!
');
   });

   // 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!

Einsteiger haben oft Schwierigkeiten, den richtigen Tech-Stack auszuwählen, 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 Pfad, 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.

Danke, dass Sie diesen Artikel gelesen haben. Folgen Sie mir unbedingt auf ? für die neuesten Updates.

Weiterlesen: Fähigkeiten, um in 6 Monaten Backend-Entwickler zu werden (Roadmap)