What is Middleware in Express and How It Works

🚀 Introduction

When a request hits your Express server, it doesn’t go directly to the route handler.

👉 It passes through multiple checkpoints first — these are called middleware

Middleware is one of the most important concepts in Express 🔥

🧠 What Is Middleware?

Middleware is:

👉 A function that runs between the request and the response

It can:

Modify request (req)
Modify response (res)
End the request
Pass control to the next function

🧩 Simple Analogy: Request Pipeline

Think of middleware like a pipeline 🚰

Request → Middleware → Middleware → Route Handler → Response

👉 Each step can inspect or modify the request

📊 Diagram Idea: Middleware Flow

Client → Request → Middleware → Route → Response

⚙️ Where Middleware Sits

Middleware sits:

👉 Between incoming request and final response

app.use((req, res, next) => {
  console.log("Middleware executed");
  next();
});

🔄 Role of `next()` Function

👉 next() passes control to the next middleware

app.use((req, res, next) => {
  console.log("Step 1");
  next();
});

👉 Without next() → request will hang ❌

📊 Diagram Idea: Execution Chain

Middleware1 → Middleware2 → Middleware3 → Route

🧠 Types of Middleware

1️⃣ Application-Level Middleware

Applied to the whole app:

app.use((req, res, next) => {
  console.log("App-level middleware");
  next();
});

2️⃣ Router-Level Middleware

Applied to specific routes:

app.get("/user", (req, res, next) => {
  console.log("Route middleware");
  next();
}, (req, res) => {
  res.send("User route");
});

3️⃣ Built-in Middleware

Provided by Express:

app.use(express.json());

👉 Parses JSON request body

⚙️ Execution Order of Middleware

👉 Middleware runs in the order it is defined

app.use((req, res, next) => {
  console.log("First");
  next();
});

app.use((req, res, next) => {
  console.log("Second");
  next();
});

👉 Output:

First
Second

🌍 Real-World Examples

1️⃣ Logging Middleware

app.use((req, res, next) => {
  console.log(`\({req.method} \){req.url}`);
  next();
});

2️⃣ Authentication Middleware

function auth(req, res, next) {
  if (req.headers.token) {
    next();
  } else {
    res.send("Unauthorized");
  }
}

3️⃣ Request Validation

function validate(req, res, next) {
  if (!req.body.name) {
    return res.send("Name required");
  }
  next();
}

🧠 Conceptual Understanding

👉 Middleware = Gatekeeper 🚪 👉 It checks and processes requests before reaching the final handler

🏁 Conclusion

Middleware is the backbone of Express applications.

It helps you:

Organize logic
Reuse code
Control request flow

✨ Final Tip

If your logic repeats across routes → make it middleware 😎

Command Palette