ETag and conditional requests in Node.js - Mini Project: Build & Apply

ETag and Conditional Requests in Node.js

📖 Scenario: You are building a simple Node.js server that serves a text file. To improve efficiency, you want to use ETag headers so the server can tell the browser if the file has changed. If the file is unchanged, the server will respond with a 304 status, telling the browser to use its cached copy.

🎯 Goal: Build a Node.js server that sends an ETag header with the file content. The server should check the If-None-Match header from the request and respond with 304 Not Modified if the ETag matches, or send the file content with a 200 OK status if it does not.

📋 What You'll Learn

Create a variable with the file content string exactly as specified

Create a variable that stores the ETag string for the file content

Write a server request handler that checks the If-None-Match header

Send a 304 status if the ETag matches, otherwise send the file content with the ETag header

💡 Why This Matters

🌍 Real World

ETags help browsers cache files efficiently by letting servers tell if a file has changed. This reduces data usage and speeds up page loads.

💼 Career

Understanding ETags and conditional requests is important for backend developers working on web servers and APIs to optimize performance and bandwidth.

1

DATA SETUP: Create the file content variable

Create a variable called fileContent and set it to the string 'Hello, this is the file content.'

Node.js

# Create a variable called fileContent with the exact string
# Your code here

Need a hint?

Use const fileContent = 'Hello, this is the file content.'; to create the variable.

2

CONFIGURATION: Create the ETag variable

Create a variable called etag and set it to the string '"12345"' (including the quotes inside the string)

Node.js

const fileContent = 'Hello, this is the file content.';
# Create a variable called etag with the string '"12345"'
# Your code here

Need a hint?

Remember to include the double quotes inside the string for the ETag value.

3

CORE LOGIC: Write the request handler to check If-None-Match

Write a function called requestHandler that takes req and res as parameters. Inside it, get the If-None-Match header from req.headers and store it in a variable called ifNoneMatch. Then use an if statement to check if ifNoneMatch equals the etag variable.

Node.js

const fileContent = 'Hello, this is the file content.';
const etag = '"12345"';

// Write the requestHandler function
// Your code here

Need a hint?

Use req.headers['if-none-match'] to get the header value.

4

COMPLETION: Complete the response logic with 304 or 200 and ETag

Inside the requestHandler function, complete the if block to send a 304 status with res.statusCode = 304 and res.end(). In the else block, set res.statusCode = 200, set the ETag header to the etag variable using res.setHeader, and send the fileContent with res.end(fileContent).

Node.js

const fileContent = 'Hello, this is the file content.';
const etag = '"12345"';

function requestHandler(req, res) {
    const ifNoneMatch = req.headers['if-none-match'];
    if (ifNoneMatch === etag) {
        // Send 304 status and end response
        // Your code here
    } else {
        // Send 200 status, set ETag header, and send fileContent
        // Your code here
    }
}

Need a hint?

Use res.statusCode, res.setHeader, and res.end() to send the response.