Third-party middleware installation in Express - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the Express package.

Express

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

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

Ahttp

Bfs

Cexpress

Dpath

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'http' instead of 'express' will import the Node.js HTTP module, not Express.

Using 'fs' or 'path' imports file system or path utilities, not Express.

You import the Express package by requiring 'express'. This allows you to use Express features in your app.

2fill in blank

medium

Complete the code to install the 'cors' middleware in the Express app.

Express

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

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

Acors

Bbody-parser

Cmorgan

Dhelmet

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'helmet' imports security middleware, not CORS.

Using 'morgan' imports logging middleware, not CORS.

The 'cors' package is imported by requiring 'cors'. This middleware helps handle Cross-Origin Resource Sharing.

3fill in blank

hard

Fix the error in applying the 'cors' middleware to the Express app.

Express

app.use([1]());

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

Acors.apply

Bcors

Ccors()

Dcors.use

Attempts:

3 left

💡 Hint

Common Mistakes

Putting parentheses inside the blank causes a syntax error.

Using 'cors.apply' or 'cors.use' are not valid middleware references.

When using middleware, you pass the middleware function itself to app.use, not the result of calling it. So use app.use(cors()); is correct, but here the blank is for the middleware function name without parentheses.

4fill in blank

hard

Fill both blanks to import and use the 'helmet' middleware correctly.

Express

const [1] = require('[2]');
app.use(helmet());

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

Ahelmet

Bcors

Dmorgan

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'cors' or 'morgan' instead of 'helmet' will import the wrong middleware.

Mismatching variable and package names causes errors.

You import the 'helmet' package by requiring 'helmet' and assign it to a variable named 'helmet'. Then you use it with app.use(helmet());.

5fill in blank

hard

Fill all three blanks to import, configure, and use the 'body-parser' middleware for JSON data.

Express

const [1] = require('[2]');
app.use([3].json());

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

AbodyParser

Bbody-parser

Dcors

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'cors' instead of 'body-parser' imports the wrong middleware.

Not calling the .json() method will not parse JSON bodies.

You import the 'body-parser' package by requiring 'body-parser' and assign it to a variable named 'bodyParser'. Then you use app.use(bodyParser.json()); to parse JSON request bodies.