JWT token verification middleware in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the JWT library.

Express

const jwt = require('[1]');

Drag options to blanks, or click blank then click option'

Acors

Bjsonwebtoken

Cexpress

Dbody-parser

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'express' instead of 'jsonwebtoken' for JWT handling.

Trying to import a package that is unrelated to JWT.

The jsonwebtoken package is used to work with JWT tokens in Express.

2fill in blank

medium

Complete the code to extract the token from the Authorization header.

Express

const token = req.headers.authorization && req.headers.authorization.split(' ')[[1]];

Drag options to blanks, or click blank then click option'

A1

B0

C2

D-1

Attempts:

3 left

💡 Hint

Common Mistakes

Using index 0 which gives 'Bearer' instead of the token.

Using index 2 which is out of range.

The Authorization header usually has the format 'Bearer <token>'. Splitting by space, the token is at index 1.

3fill in blank

hard

Fix the error in the token verification call.

Express

jwt.verify(token, process.env.JWT_SECRET, ([1], decoded) => {
  if (error) {
    return res.status(401).json({ message: 'Unauthorized' });
  }
  req.user = decoded;
  next();
});

Drag options to blanks, or click blank then click option'

Aerror

Be

Cerr

Dexception

Attempts:

3 left

💡 Hint

Common Mistakes

Using a different parameter name than the one checked inside the callback.

Not matching the error parameter with the variable used in the if condition.

The callback function parameter for errors is commonly named error here to match the usage inside the function.

4fill in blank

hard

Fill both blanks to create the middleware function and export it.

Express

function [1](req, res, next) {
  // middleware code here
}

module.exports = [2];

Drag options to blanks, or click blank then click option'

AverifyToken

BauthMiddleware

CverifyTokenMiddleware

DtokenVerifier

Attempts:

3 left

💡 Hint

Common Mistakes

Using different names for the function and export.

Using generic names that don't describe the middleware purpose.

The function is named verifyToken and exported with the same name for clarity and usage.

5fill in blank

hard

Fill all three blanks to complete the middleware that verifies the JWT token and handles errors.

Express

function verifyToken(req, res, next) {
  const token = req.headers.authorization && req.headers.authorization.split(' ')[[1]];
  if (!token) {
    return res.status(401).json({ message: '[2]' });
  }
  jwt.verify(token, process.env.JWT_SECRET, (error, decoded) => {
    if (error) {
      return res.status(401).json({ message: '[3]' });
    }
    req.user = decoded;
    next();
  });
}

Drag options to blanks, or click blank then click option'

A1

BNo token provided

CInvalid token

D0

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong index for token extraction.

Using unclear or incorrect error messages.

The token is at index 1 after splitting the Authorization header. The error messages clearly indicate missing or invalid tokens.

Practice

1. What is the main purpose of JWT token verification middleware in an Express app?

easy

A. To check if the incoming request has a valid JWT token before allowing access

B. To store user sessions on the server

C. To encrypt the user's password before saving

D. To serve static files like images and CSS

Solution

1. Step 1: Understand JWT middleware role

   JWT middleware checks the token sent by the client to confirm identity.

2. Step 2: Compare options with JWT purpose

   Only "To check if the incoming request has a valid JWT token before allowing access" describes verifying a token before access, which is the middleware's job.

3. Final Answer:

   To check if the incoming request has a valid JWT token before allowing access -> Option A

4. Quick Check:

   JWT middleware verifies token [OK]

Hint: JWT middleware always verifies token validity before access [OK]

Common Mistakes:

• Confusing JWT with session storage
• Thinking JWT middleware encrypts passwords
• Assuming middleware serves static files

2. Which of the following is the correct way to extract the JWT token from the Authorization header in Express middleware?

easy

A. const token = req.headers.authorization.split(' ')[1];

B. const token = req.body.token;

C. const token = req.query.token;

D. const token = req.cookies.token;

Solution

1. Step 1: Identify standard JWT token location

   JWT tokens are usually sent in the Authorization header as 'Bearer token'.

2. Step 2: Extract token correctly

   Splitting the header string by space and taking the second part gets the token.

3. Final Answer:

   const token = req.headers.authorization.split(' ')[1]; -> Option A

4. Quick Check:

   Authorization header split [OK]

Hint: JWT token is after 'Bearer ' in Authorization header [OK]

Common Mistakes:

• Trying to get token from body or query instead of header
• Not splitting the header string
• Assuming token is in cookies by default

3. Given this Express JWT middleware snippet, what happens if the token is invalid?

const jwt = require('jsonwebtoken');
function verifyToken(req, res, next) {
  const token = req.headers.authorization?.split(' ')[1];
  if (!token) return res.status(401).send('Access denied');
  try {
    const verified = jwt.verify(token, 'secretkey');
    req.user = verified;
    next();
  } catch (err) {
    res.status(400).send('Invalid token');
  }
}

medium

A. The middleware calls next() and allows access

B. The middleware crashes with an unhandled exception

C. The middleware sends a 401 status with 'Access denied' message

D. The middleware sends a 400 status with 'Invalid token' message

Solution

1. Step 1: Check token verification flow

   If token is invalid, jwt.verify throws an error caught by catch block.

2. Step 2: Observe catch block response

   Catch block sends status 400 with message 'Invalid token'.

3. Final Answer:

   The middleware sends a 400 status with 'Invalid token' message -> Option D

4. Quick Check:

   Invalid token triggers 400 response [OK]

Hint: Invalid token triggers catch block sending 400 error [OK]

Common Mistakes:

• Confusing 401 and 400 status codes
• Assuming next() is called on invalid token
• Thinking middleware crashes on invalid token

4. Identify the error in this JWT verification middleware code:

const jwt = require('jsonwebtoken');
function verifyToken(req, res, next) {
  const token = req.headers.authorization.split(' ')[1];
  if (!token) res.status(401).send('Access denied');
  try {
    const verified = jwt.verify(token, 'secretkey');
    req.user = verified;
    next();
  } catch (err) {
    res.status(400).send('Invalid token');
  }
}

medium

A. jwt.verify is called with wrong secret key

B. Missing return after sending 401 response causes jwt.verify to run anyway

C. Token is extracted incorrectly from headers

D. next() is called inside catch block instead of try block

Solution

1. Step 1: Check handling when token is missing

   If token is missing, res.status(401).send() is called but no return statement stops execution.

2. Step 2: Understand consequence of missing return

   Without return, code continues and jwt.verify runs with undefined token, causing errors or unexpected behavior.

3. Final Answer:

   Missing return after sending 401 response causes jwt.verify to run anyway -> Option B

4. Quick Check:

   Return needed after 401 response [OK]

Hint: Always return after sending response to stop middleware [OK]

Common Mistakes:

• Forgetting to return after res.send()
• Assuming jwt.verify secret is wrong here
• Misreading token extraction line

5. You want to protect multiple routes with JWT verification but also allow public access to some routes. Which is the best way to apply JWT middleware in Express?

hard

A. Apply JWT middleware after route handlers to catch errors

B. Apply JWT middleware globally to all routes and skip it conditionally inside middleware

C. Apply JWT middleware only to protected routes using router.use or route-specific middleware

D. Apply JWT middleware only once in app.listen callback

Solution

1. Step 1: Understand middleware scope

   Applying middleware globally affects all routes, including public ones, which is not ideal.

2. Step 2: Use route-specific middleware for protection

   Applying JWT middleware only on protected routes keeps public routes accessible without token.

3. Final Answer:

   Apply JWT middleware only to protected routes using router.use or route-specific middleware -> Option C

4. Quick Check:

   Protect routes selectively with middleware [OK]

Hint: Use middleware only on routes needing protection [OK]

Common Mistakes:

• Applying middleware globally and skipping inside code
• Applying middleware after route handlers
• Trying to apply middleware in app.listen