How to call existing Cloud functions from React Firebase app

Question

New to Firebase. We are creating a React JS frontend application and deploying to Firebase Hosting. We need to integrate with some existing Google Cloud Functions that have been deployed in Python.

I've seen from the Google documentation on using the Firebase SDK to call functions deployed through Firebase but not sure how I would integrate with the existing GCP functions. I assume I can just use something like Axios to call the GCP functions. If there are any alternatives, I'd be interested to know.

You can use any library or built-in command of your environment to call a HTTPS function. Axios is a common-used library, but fetch and even good old XMLHttpRequest would work fine too. Since there are a lot of options, and not clear best one, recommending any of them is off-topic on Stack Overflow. I recommend picking the one that seems reasonable to you (Axios it seems), trying to get it to work, and posting back with a minimal repro if you get stuck. — Frank van Puffelen
– Frank van Puffelen, Commented Jan 26, 2022 at 15:29
Great thanks Frank, will use axios. Im hoping that I can still use the Firebase hosting rewrites section so I can call the existing API from the Firebase app domain. I'll have a go. — Swordfish
– Swordfish, Commented Jan 26, 2022 at 15:50

Kundan · Accepted Answer · 2022-02-02 15:43:34Z

1

You could use axios to call the Cloud functions

import axios from 'axios';

axios({
  method: 'post',
  url: 'https://us-central1-PROJECT_NAME.cloudfunctions.net/test',
  data: {
    message: 'Hello'
  }
})
.then((response) => {
  console.log(response.data);
})
.catch((error) => {
  console.log(error);
});

edited Feb 2, 2022 at 15:43

answered Jan 26, 2022 at 16:50

Kundan

1,9921 gold badge20 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Swordfish Over a year ago

Great thanks Kundan.

Collectives™ on Stack Overflow

How to call existing Cloud functions from React Firebase app

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related