HTTP trigger functions in Firebase - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create an HTTP trigger function named 'helloWorld'.

Firebase

exports.helloWorld = functions.https.[1]((req, res) => {
  res.send('Hello from Firebase!');
});

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

AonRequest

BonCall

ConEvent

DonTrigger

Attempts:

3 left

💡 Hint

Common Mistakes

Using onCall instead of onRequest for HTTP triggers.

Using onEvent which is not a valid method here.

The correct method to create an HTTP trigger function in Firebase is onRequest. It listens for HTTP requests.

2fill in blank

medium

Complete the code to send a JSON response with a message in the HTTP function.

Firebase

exports.sendJson = functions.https.onRequest((req, res) => {
  res.[1]({ message: 'Hello JSON!' });
});

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

Ajson

BsendStatus

CsendFile

DsendText

Attempts:

3 left

💡 Hint

Common Mistakes

Using sendText which is not a valid method.

Using sendFile which is for sending files.

Use res.json() to send a JSON response in an HTTP function.

3fill in blank

hard

Fix the error in the HTTP function to correctly access query parameters.

Firebase

exports.queryParam = functions.https.onRequest((req, res) => {
  const name = req.[1].name;
  res.send(`Hello, ${name}!`);
});

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

Abody

Bparams

Cheaders

Dquery

Attempts:

3 left

💡 Hint

Common Mistakes

Using req.body which is for POST data.

Using req.params which is for URL path parameters.

Query parameters in HTTP requests are accessed via req.query.

4fill in blank

hard

Fill both blanks to create an HTTP function that responds with status 200 and a JSON message.

Firebase

exports.statusJson = functions.https.onRequest((req, res) => {
  res.status([1]).[2]({ message: 'Success' });
});

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

A200

Bjson

Csend

D404

Attempts:

3 left

💡 Hint

Common Mistakes

Using status 404 which means not found.

Using send instead of json for JSON responses.

Use res.status(200) to set HTTP status OK, then res.json() to send JSON.

5fill in blank

hard

Fill all three blanks to create an HTTP function that reads a POST JSON body field 'name' and responds with a greeting.

Firebase

exports.greetPost = functions.https.onRequest((req, res) => {
  const name = req.[1].[2];
  res.[3]({ greeting: `Hello, ${name}!` });
});

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

Abody

Bname

Cjson

Dquery

Attempts:

3 left

💡 Hint

Common Mistakes

Trying to get POST data from req.query.

Using res.send instead of res.json for JSON response.

POST JSON data is accessed via req.body. The field is name. Use res.json() to send JSON response.