Heim > Web-Frontend > js-Tutorial > Erstellen eines benutzerdefinierten Backends mit Node.js: Eine Schritt-für-Schritt-Anleitung

Erstellen eines benutzerdefinierten Backends mit Node.js: Eine Schritt-für-Schritt-Anleitung

Barbara Streisand
Freigeben: 2024-10-18 22:43:02
Original
870 Leute haben es durchsucht

Building a Custom Backend with Node.js: A Step-by-Step Guide

Das Erstellen eines benutzerdefinierten Backends in Node.js umfasst mehrere Schritte, vom Einrichten einer Node.js-Umgebung bis zum Erstellen und Bereitstellen Ihrer API. Nachfolgend finden Sie eine detaillierte Schritt-für-Schritt-Anleitung zum Erstellen eines benutzerdefinierten Backends mit Node.js:

Schritt 1: Richten Sie Ihre Entwicklungsumgebung ein

Bevor Sie mit dem Codieren beginnen, muss Folgendes auf Ihrem Computer installiert sein:

  • Node.js: Die Laufzeit zum Ausführen von JavaScript auf der Serverseite. Sie können es von nodejs.org herunterladen.
  • NPM (Node Package Manager): Wird im Paket mit Node.js geliefert. Sie verwenden es zum Installieren und Verwalten von Bibliotheken.

Um zu überprüfen, ob Node.js und NPM installiert sind, führen Sie Folgendes aus:

node -v
npm -v
Nach dem Login kopieren
Nach dem Login kopieren

Wenn sie installiert sind, sehen Sie ihre Versionsnummern. Wenn nicht, installieren Sie Node.js.

Schritt 2: Erstellen Sie ein neues Projekt

  1. Erstellen Sie einen Projektordner:
mkdir my-custom-backend
cd my-custom-backend
Nach dem Login kopieren
Nach dem Login kopieren
  1. Eine package.json-Datei initialisieren:
npm init -y
Nach dem Login kopieren
Nach dem Login kopieren

Dieser Befehl erstellt eine grundlegende package.json-Datei, die Ihre Abhängigkeiten verwaltet.

Schritt 3: Erforderliche Pakete installieren

Sie müssen einige Pakete installieren, um Ihr Backend zu erstellen.

  • Express: Ein minimales und flexibles Node.js-Webanwendungs-Framework, das einen robusten Satz an Funktionen zum Erstellen von Web- und Mobilanwendungen bietet.
  • Nodemon: Ein Tool, das bei der Entwicklung von Node.js-Anwendungen hilft, indem es den Server automatisch neu startet, wenn Dateiänderungen im Verzeichnis erkannt werden.
  • Body-Parser: Eine Middleware zur Verarbeitung von JSON- und URL-codierten Formulardaten.
  • dotenv: Zum Verwalten von Umgebungsvariablen.

Installieren Sie diese Abhängigkeiten, indem Sie Folgendes ausführen:

npm install express body-parser dotenv
npm install --save-dev nodemon
Nach dem Login kopieren
Nach dem Login kopieren
  • express: Kern-Framework zur Verarbeitung von HTTP-Anfragen.
  • body-parser: Middleware zum Parsen eingehender Anfragen in einer Middleware vor Ihren Handlern, zugänglich über req.body.
  • dotenv: Um Umgebungsvariablen aus einer .env-Datei in process.env zu laden.
  • nodemon: Startet den Server automatisch neu, wenn sich Code ändert (für Entwicklungszwecke).

Schritt 4: Erstellen Sie die Serverdatei

Erstellen Sie im Projektstammverzeichnis eine Datei mit dem Namen server.js. Diese Datei übernimmt die Einrichtung des Express-Servers.

touch server.js
Nach dem Login kopieren
Nach dem Login kopieren

Fügen Sie in server.js den folgenden Code hinzu:

// Import necessary modules
const express = require('express');
const bodyParser = require('body-parser');
const dotenv = require('dotenv');

// Load environment variables
dotenv.config();

// Initialize the app
const app = express();

// Middleware to parse JSON data
app.use(bodyParser.json());

// Define a basic route
app.get('/', (req, res) => {
  res.send('Welcome to my custom Node.js backend!');
});

// Start the server
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server running on http://localhost:${PORT}`);
});
Nach dem Login kopieren
Nach dem Login kopieren

Diese Datei richtet einen Express-Server ein, der auf Anfragen lauscht und mit einer einfachen Nachricht antwortet.

Schritt 5: Führen Sie den Server aus

Um Ihren Server auszuführen, können Sie den Node-Befehl verwenden:

node -v
npm -v
Nach dem Login kopieren
Nach dem Login kopieren

Für die Entwicklung ist es jedoch besser, nodemon zu verwenden, um den Server automatisch neu zu starten, wenn Sie Änderungen vornehmen:

mkdir my-custom-backend
cd my-custom-backend
Nach dem Login kopieren
Nach dem Login kopieren

Besuchen Sie jetzt http://localhost:3000 in Ihrem Browser. Sie sollten Folgendes sehen:

npm init -y
Nach dem Login kopieren
Nach dem Login kopieren

Schritt 6: Routen und Handler definieren

Als nächstes möchten Sie einige benutzerdefinierte Routen für Ihr Backend hinzufügen. Sie können beispielsweise eine API erstellen, die Benutzerinformationen verarbeitet:

npm install express body-parser dotenv
npm install --save-dev nodemon
Nach dem Login kopieren
Nach dem Login kopieren
  • GET /users: Ruft alle Benutzer ab.
  • GET /users/:id: Ruft einen Benutzer anhand seiner ID ab.
  • POST /users: Fügt einen neuen Benutzer hinzu.
  • DELETE /users/:id: Löscht einen Benutzer anhand seiner ID.

Schritt 7: Umgebungsvariablen verwenden

Sie können Umgebungsvariablen mit dem Paket dotenv konfigurieren. Erstellen Sie eine .env-Datei im Stammverzeichnis:

touch server.js
Nach dem Login kopieren
Nach dem Login kopieren

Innerhalb von .env können Sie Variablen definieren wie:

// Import necessary modules
const express = require('express');
const bodyParser = require('body-parser');
const dotenv = require('dotenv');

// Load environment variables
dotenv.config();

// Initialize the app
const app = express();

// Middleware to parse JSON data
app.use(bodyParser.json());

// Define a basic route
app.get('/', (req, res) => {
  res.send('Welcome to my custom Node.js backend!');
});

// Start the server
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Server running on http://localhost:${PORT}`);
});
Nach dem Login kopieren
Nach dem Login kopieren

Diese Variable wird in Ihrer server.js verwendet, um den Port dynamisch festzulegen:

node server.js
Nach dem Login kopieren

Schritt 8: Fehlerbehandlung und Middleware hinzufügen

Middleware in Express ist eine Funktion, die Zugriff auf das Anforderungsobjekt (req), das Antwortobjekt (res) und die nächste Middleware-Funktion im Anforderungs-Antwort-Zyklus der Anwendung hat.

Sie können benutzerdefinierte Middleware für die Fehlerbehandlung erstellen:

npx nodemon server.js
Nach dem Login kopieren

Dadurch werden alle nicht behandelten Fehler in Ihrer Anwendung erkannt und mit dem Statuscode 500 beantwortet.

Schritt 9: Strukturieren Sie Ihr Projekt (optional)

Wenn Ihre Anwendung wächst, ist es eine gute Idee, sie richtig zu organisieren:

Welcome to my custom Node.js backend!
Nach dem Login kopieren
  • Controller/: Verwaltet die Logik für die API-Routen.
  • Routen/: Definiert die Endpunkte und verbindet sie mit Controllern.
  • Modelle/: Verarbeitet Datenstrukturen, möglicherweise in Zukunft unter Verwendung einer Datenbank.

Schritt 10: Verbindung zu einer Datenbank herstellen (optional)

Wenn Sie Daten dauerhaft speichern möchten, können Sie Ihr Backend mit einer Datenbank verbinden. Zum Beispiel:

  • MongoDB: Verwendung von Mongoose zur Interaktion mit einer MongoDB-Datenbank.
  • MySQL/PostgreSQL: Verwendung von sequelize oder pg zur Interaktion mit SQL-Datenbanken.

Für MongoDB installieren Sie mongoose:

// Example user data
let users = [
  { id: 1, name: 'John Doe' },
  { id: 2, name: 'Jane Doe' }
];

// Route to get all users
app.get('/users', (req, res) => {
  res.json(users);
});

// Route to get a user by ID
app.get('/users/:id', (req, res) => {
  const userId = parseInt(req.params.id);
  const user = users.find((u) => u.id === userId);

  if (user) {
    res.json(user);
  } else {
    res.status(404).send('User not found');
  }
});

// Route to create a new user
app.post('/users', (req, res) => {
  const newUser = {
    id: users.length + 1,
    name: req.body.name
  };
  users.push(newUser);
  res.status(201).json(newUser);
});

// Route to delete a user by ID
app.delete('/users/:id', (req, res) => {
  const userId = parseInt(req.params.id);
  users = users.filter((u) => u.id !== userId);
  res.status(204).send();
});
Nach dem Login kopieren

In server.js:

touch .env
Nach dem Login kopieren

Schritt 11: Testen Sie Ihre API mit Postman oder Curl

Um Ihre API zu testen, können Sie Postman oder Curl:
verwenden

PORT=3000
Nach dem Login kopieren

Oder Sie können Postman installieren, das eine GUI zum Stellen von Anfragen und Anzeigen von Antworten bereitstellt.

Schritt 12: Stellen Sie Ihr Backend bereit

Sobald Ihr Backend fertig ist, können Sie es über eine Cloud-Plattform bereitstellen, wie zum Beispiel:

  • Heroku: Für eine schnelle Bereitstellung.
  • AWS EC2: Für mehr Kontrolle über den Server.
  • DigitalOcean: Für einfaches Cloud-Hosting.

Stellen Sie für die Bereitstellung sicher, dass Ihr PORT dynamisch ist und dass vertrauliche Informationen wie API-Schlüssel in Umgebungsvariablen gespeichert werden.

Abschluss

Wenn Sie diese Schritte befolgen, verfügen Sie jetzt über ein einfaches benutzerdefiniertes Backend, das mit Node.js erstellt wurde. Sie können dies weiter ausbauen, indem Sie Authentifizierung hinzufügen, eine Verbindung zu einer Datenbank herstellen und erweiterte Funktionen wie Echtzeitkommunikation mit WebSockets nutzen.

Das obige ist der detaillierte Inhalt vonErstellen eines benutzerdefinierten Backends mit Node.js: Eine Schritt-für-Schritt-Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage