Tworzenie własnego middleware Express
Napiszą Państwo własne funkcje middleware Express, aby rozszerzać funkcjonalność i usprawniać przetwarzanie żądań.
Tworzenie własnego middleware Express to bezpłatna lekcja Node.js Backend Development Bootcamp na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Node.js Backend Development Bootcamp, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Node.js Backend Development Bootcamp zawiera 4 lekcji w sumie.
Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.
What is Custom Middleware?
In Express.js, middleware functions are like a chain of helpers that process incoming requests before they reach your final route handler.
- They have access to the request (
req) and response (res) objects. - They can modify these objects, end the request-response cycle, or pass control to the next middleware.
- Custom middleware allows you to add specific functionality tailored to your application's needs, such as logging, authentication, or data parsing.
The Middleware Signature
Every Express middleware function follows a specific signature: (req, res, next).
req(request): The incoming HTTP request object.res(response): The HTTP response object that Express sends back.next: A function that, when called, passes control to the next middleware function in the stack. If you don't callnext(), the request-response cycle stops, and no further middleware or route handlers will execute.
Your First Logger Middleware
Let's create a simple custom middleware that logs details of every incoming request to the console. This helps in debugging and monitoring.
Try running the code and then accessing http://localhost:3000 in your browser. Check the console output!
const express = require('express');
const app = express();
const port = 3000;
// Custom logging middleware
const requestLogger = (req, res, next) => {
console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
next(); // Pass control to the next middleware/route handler
};
// Apply the custom middleware globally
app.use(requestLogger);
// Define a simple route
app.get('/', (req, res) => {
res.send('Hello from Express!');
});
// Start the server
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});Applying Middleware: Global vs. Route
You can apply middleware at different levels:
- Globally (Application-level): Using
app.use(middlewareFunction)applies the middleware to ALL incoming requests. - Route-specific: You can apply middleware to specific routes or groups of routes by passing it as an argument before the route handler.
This flexibility allows you to execute logic only where it's needed.
Passing Data Downstream
A powerful feature of middleware is its ability to add properties to the req object. These properties then become accessible to all subsequent middleware functions and the final route handler in the request-response cycle.
This is extremely useful for things like attaching user information after authentication, or parsed data before reaching the main logic.
Example: Attaching User Data
Here's how you might attach a mock user object to the request. In a real application, this data would come from a database or a decoded JSON Web Token (JWT).
Notice how the /profile route handler can directly access req.user because the attachUserInfo middleware ran first.
const express = require('express');
const app = express();
const port = 3000;
// Middleware to attach user info (mock data)
const attachUserInfo = (req, res, next) => {
req.user = { id: '123', name: 'Alice', role: 'admin' };
console.log('User info attached to request.');
next();
};
// Apply the middleware globally
app.use(attachUserInfo);
// Route that uses the attached user info
app.get('/profile', (req, res) => {
res.send(`Welcome, ${req.user.name}! Your role is: ${req.user.role}`);
});
app.get('/', (req, res) => {
res.send('Home page (no user info explicitly needed here)');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});Building Middleware Chains
You can chain multiple middleware functions together. Express executes them in the order they are defined. Each middleware must call next() to pass control to the next one.
- This allows you to break down complex request processing into smaller, manageable, and reusable functions.
- For example, you could have a middleware for authentication, then one for logging, then one for parsing, all before your final route handler.
Conditional Middleware Execution
Sometimes you only want middleware to run under certain conditions. You can achieve this by:
- Route-specific application: As seen, applying middleware directly to
app.get(),app.post(), etc. - Internal logic: Adding conditional checks (
ifstatements) inside the middleware itself. - Custom wrapper functions: Creating a function that returns a middleware based on parameters.
Practical: Request Timer Middleware
Let's build a middleware that measures how long it takes for a request to be processed and a response to be sent. This is very useful for performance monitoring.
This example uses res.on('finish', ...) to execute code AFTER the response has been sent to the client.
const express = require('express');
const app = express();
const port = 3000;
// Middleware to measure request duration
const requestTimer = (req, res, next) => {
const start = Date.now(); // Record start time
res.on('finish', () => { // Listen for the response 'finish' event
const end = Date.now(); // Record end time
const duration = end - start;
console.log(`${req.method} ${req.originalUrl} took ${duration}ms`);
});
next(); // Pass control
};
// Apply the timer middleware
app.use(requestTimer);
// Define a route that simulates some work
app.get('/slow', (req, res) => {
setTimeout(() => {
res.send('This was a slow response!');
}, 500); // Simulate 500ms delay
});
app.get('/', (req, res) => {
res.send('Hello, fast world!');
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});Middleware Function Quiz
Consider a custom middleware function defined as const myMiddleware = (req, res, next) => { /* ... */ };
Which of the following statements about its behavior is TRUE?
Custom Middleware Recap
You've learned how to create and use custom Express middleware!
- Custom middleware functions have the signature
(req, res, next). - Calling
next()is crucial to pass control to the next middleware or route handler. - Middleware can modify the
reqandresobjects, making data available downstream. - You can apply middleware globally with
app.use()or to specific routes. - They are powerful for adding reusable logic like logging, authentication, or request timing.
Mastering custom middleware is key to building modular and efficient Express applications.
Często zadawane pytania
Czy lekcja „Tworzenie własnego middleware Express” jest bezpłatna?
Tak — pełny tekst „Tworzenie własnego middleware Express” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Node.js Backend Development Bootcamp, przejdź na CoddyKit PRO. Kurs Node.js Backend Development Bootcamp zawiera 4 lekcji w sumie.
Co nauczysz się w „Tworzenie własnego middleware Express”?
Napiszą Państwo własne funkcje middleware Express, aby rozszerzać funkcjonalność i usprawniać przetwarzanie żądań. Ćwiczysz Node.js Backend Development Bootcamp z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć Node.js Backend Development Bootcamp?
Nie wymagamy żadnego doświadczenia. Node.js Backend Development Bootcamp w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.
Ile czasu zajmuje lekcja „Tworzenie własnego middleware Express”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji Node.js Backend Development Bootcamp?
Tak. Każda lekcja Node.js Backend Development Bootcamp zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Tworzenie własnego middleware Express
- Strategie globalnej obsługi błędów
- Walidacja danych wejściowych za pomocą Joi/Express-Validator
- Middleware uwierzytelniania z JWT