req.body for request payload in Express - Mini Project: Build & Apply

Using req.body to Handle Request Payload in Express

📖 Scenario: You are building a simple Express server that accepts user data sent from a form on a website. The server needs to read the data sent in the request body and respond accordingly.

🎯 Goal: Build an Express server that reads JSON data from the request payload using req.body and sends a confirmation response.

📋 What You'll Learn

Create an Express app instance

Use middleware to parse JSON request bodies

Create a POST route at /submit that reads req.body

Send a JSON response confirming the received data

💡 Why This Matters

🌍 Real World

Web servers often receive data from users via forms or APIs. Using req.body lets the server read this data easily.

💼 Career

Understanding how to handle request payloads is essential for backend developers working with Express or similar web frameworks.

1

Set up Express app and import express

Write code to import express and create an Express app instance called app.

Express

const express = require('express');
// Your code here

Need a hint?

Use require('express') to import Express and call it to create app.

2

Add middleware to parse JSON request bodies

Add the Express middleware express.json() to the app to parse incoming JSON request payloads.

Express

const express = require('express');
const app = express();
// Your code here

Need a hint?

Use app.use(express.json()) to enable JSON body parsing.

3

Create POST route to read req.body

Create a POST route handler for /submit that takes req and res parameters and stores the request payload from req.body in a variable called userData.

Express

const express = require('express');
const app = express();
app.use(express.json());
// Your code here

Need a hint?

Use app.post('/submit', (req, res) => { ... }) and inside the function assign req.body to userData.

4

Send JSON response confirming received data

Inside the POST route handler, send a JSON response with a message 'Data received' and include the userData object in the response.

Express

const express = require('express');
const app = express();
app.use(express.json());

app.post('/submit', (req, res) => {
    const userData = req.body;
    // Your code here
});

Need a hint?

Use res.json() to send a JSON object with message and data keys.