app.all and app.use for catch-all in Express - Mini Project: Build & Apply

Using app.all and app.use for Catch-All Routes in Express

📖 Scenario: You are building a simple Express web server that handles specific routes and also needs to catch any requests that do not match those routes.This is like having a receptionist who directs visitors to specific rooms but also has a default message for anyone who comes to the wrong door.

🎯 Goal: Create an Express server that responds to a specific route and uses app.all and app.use to catch all other requests and handle errors gracefully.

📋 What You'll Learn

Create an Express app instance

Use app.all to catch all HTTP methods on a specific path

Use app.use as a catch-all middleware for unmatched routes

Send appropriate responses for matched and unmatched routes

💡 Why This Matters

🌍 Real World

Web servers often need to handle many types of requests and provide default responses for unknown routes, improving user experience and debugging.

💼 Career

Understanding how to use Express routing and middleware is essential for backend web development jobs using Node.js.

1

Set up Express app and a specific route

Create an Express app by requiring express and calling express(). Then create a route handler for GET requests on '/hello' that sends the text 'Hello World!'.

Express

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

// Your code here

Need a hint?

Use require('express') to import Express and express() to create the app. Then use app.get('/hello', ...) to handle GET requests.

2

Add a catch-all route using app.all

Add a route handler using app.all for the path '/all' that sends the text 'This handles all HTTP methods on /all'.

Express

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

app.get('/hello', (req, res) => {
  res.send('Hello World!');
});

// Your code here

Need a hint?

Use app.all('/all', (req, res) => { ... }) to catch all HTTP methods on the /all path.

3

Add a catch-all middleware using app.use

Add a middleware using app.use that catches all requests not matched by previous routes and sends the text '404 Not Found' with status code 404.

Express

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

app.get('/hello', (req, res) => {
  res.send('Hello World!');
});

app.all('/all', (req, res) => {
  res.send('This handles all HTTP methods on /all');
});

// Your code here

Need a hint?

Use app.use((req, res) => { ... }) without a path to catch all unmatched requests.

4

Start the Express server

Add code to start the Express server listening on port 3000 and log 'Server running on port 3000' when it starts.

Express

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

app.get('/hello', (req, res) => {
  res.send('Hello World!');
});

app.all('/all', (req, res) => {
  res.send('This handles all HTTP methods on /all');
});

app.use((req, res) => {
  res.status(404).send('404 Not Found');
});

// Your code here

Need a hint?

Use app.listen(3000, () => { ... }) to start the server and log a message.