[Leitfaden] NodeJS Express POST JSON-Daten

NodeJS und ExpressJS sind ein beliebter Technologie-Stack für die Entwicklung von Webanwendungen, insbesondere dort, wo viel Benutzerinteraktion und Echtzeit-Updates vorhanden sind.

Bevor die meisten Anwendungen die eingehenden Daten von APIs verarbeiten können, ist Middleware erforderlich, um JSON-HTTP-Anfrage-Bodies in JavaScript-Objekte zu parsen. Darum geht es in diesem Artikel!

Parsing POST JSON Daten in JavaScript Objekte mit NodeJS Express

Express-Versionen über Version 4.16.0 verfügen über integrierte Tools zum Parsen von JSON in JavaScript. Wenn Ihr Express jedoch unter 4.16.0 liegt, können Sie die folgende Codezeile verwenden, um den Body-Parser mit Hilfe Ihres Terminals zu installieren:

npm install body-parser

Verwendung der express.json() Middleware

Fügen Sie in Ihrer Express-App unbedingt die express.json() Middleware vor Ihren Route-Handlern hinzu. Diese Middleware parst automatisch eingehende Anfragen mit JSON-Content-Type und füllt die req.body-Eigenschaft mit dem gewünschten geparsten JavaScript-Objekt.

Ein Codebeispiel für die Verwendung der express.json() Middleware wäre:

const express = require('express');
const app = express();

// JSON-Parsing aktivieren
app.use(express.json());

// Ihre Route-Handler hier...

app.listen(3000, () => console.log('Server listening on port 3000'));

Zugriff auf Daten aus dem Request Body

Sobald die Body-Parser-Middleware eingerichtet ist, sollten Sie in der Lage sein, auf die geparsten JSON-Daten aus der req.body-Eigenschaft in Ihren Route-Handlern zuzugreifen, indem Sie das folgende Codebeispiel verwenden:

app.post('/data', (req, res) => {
  const name = req.body.name;
  const email = req.body.email;

  // Etwas mit den Daten tun
  console.log(`Name: ${name}, Email: ${email}`);

  res.send('Data received successfully!');
});

Stellen Sie sicher, dass beim Senden der Anfragen der entsprechende Content-Type-Header (der normalerweise application/json ist) für Express verwendet wird. Dadurch wird sichergestellt, dass Express ihn als JSON-Anfrage erkennen kann.

API-Antworten mit Klarheit mit Apidog anzeigen

Das Verständnis des Verhaltens von APIs ist für die App-Entwicklung unerlässlich. Daher sollten Sie die Verwendung einer soliden API-Entwicklungsplattform wie Apidog in Betracht ziehen, um Ihre Entwicklungsprozesse zu hosten.

Importieren Sie bestehende APIs nach Apidog

Bei vielen bestehenden API-Dateitypen, wie z. B. den beliebten Postman-, Swagger- und Insomnia-Plattformen, könnten Sie sich eingeschüchtert fühlen, dass Sie sie nicht nach Apidog importieren können. Dies ist jedoch nicht der Fall!

Apidog unterstützt den Import aller genannten Alternativen und mehr! Mit über 10 abgedeckten API-Dateitypen können Sie sicher sein, APIs von anderen Plattformen sicher in Apidog zu importieren und zu bearbeiten. Sie müssen lediglich zum Abschnitt Daten importieren unter Einstellungen navigieren, und Sie können Ihre API importieren!

Einfache und intuitive Apidog-Benutzeroberfläche

Sowohl neue als auch erfahrene Benutzer werden sich dank der einfachen Navigation schnell mit der Apidog-Benutzeroberfläche vertraut machen! Testen Sie jede API oder Anfrage, indem Sie sicherstellen, dass der API-Endpunkt korrekt ist, und klicken Sie auf die Schaltfläche Senden, sobald alles finalisiert wurde!

Apidog zeigt den Body der PAI-Antwort kristallklar an, mit der Option, die API-Antwort in einer schönen, für Menschen lesbaren Form oder in ihrer wahren, rohen Version anzuzeigen. Sie können auch sehen, ob die tatsächliche Antwort erfolgreich ist, basierend auf der von der API zurückgegebenen Statusantwort.

Generieren Sie den notwendigen JavaScript-Code mit Apidog

Apidog verfügt über eine Code-Generierungsfunktion, mit der Benutzer Code für die beliebtesten Programmiersprachen wie JavaScript, Python, Java und mehr generieren können!

Suchen Sie zuerst die Schaltfläche </> in der oberen rechten Ecke des Bildschirms. Wenn Sie Schwierigkeiten haben, die Schaltfläche zu finden, können Sie sich auf das obige Bild beziehen.

Fahren Sie fort, indem Sie die clientseitige Programmiersprache auswählen, die Sie benötigen. Sie haben die Möglichkeit zu wählen, mit welcher JavaScript-Bibliothek Sie sich wohler fühlen. Jetzt müssen Sie nur noch den Code in Ihre IDE kopieren und einfügen und mit der Bearbeitung fortfahren, um sicherzustellen, dass er zu Ihrer NodeJS-App passt!

Fazit

NodeJS und Express bieten eine leistungsstarke Kombination für die Erstellung von Webanwendungen, die den JSON-Datenaustausch nutzen. Durch die Verwendung der express.json() Middleware können Sie eingehende JSON-Daten in POST-Anfragen mühelos parsen. Dies vereinfacht Aufgaben wie Benutzerregistrierung, Datenaktualisierungen und Echtzeitinteraktionen.

Mit der ereignisgesteuerten Natur von NodeJS und der optimierten API-Verarbeitung von Express können Sie dynamische und skalierbare Webanwendungen erstellen, die sich nahtlos in andere Dienste integrieren lassen. Wenn Sie also das nächste Mal eine Webanwendung erstellen, die JSON-Interaktion erfordert, sollten Sie die Effizienz und Flexibilität berücksichtigen, die NodeJS und Express bieten.