如何从 React Firebase 应用调用现有的云函数答案

【问题标题】：How to call existing Cloud functions from React Firebase app如何从 React Firebase 应用调用现有的云函数
【发布时间】：2022-02-02 23:43:34
【问题描述】：

Firebase 新手。我们正在创建一个 React JS 前端应用程序并部署到 Firebase 托管。我们需要与一些已经部署在 Python 中的现有 Google Cloud Functions 集成。

我从 Google 文档中看到了使用 Firebase SDK 调用通过 Firebase 部署的函数，但不确定如何与现有的 GCP 函数集成。我假设我可以使用 Axios 之类的东西来调用 GCP 函数。如果有其他选择，我很想知道。

【问题讨论】：

这些函数是 HTTP 触发的吗？
我可以从浏览器/命令行调用它们吗？那么是的。
您可以使用环境中的任何库或内置命令来调用HTTPS function。 Axios 是一个常用的库，但 fetch 甚至是旧的 XMLHttpRequest 也可以正常工作。由于有很多选项，而且还不清楚最好的选项，因此在 Stack Overflow 上推荐它们中的任何一个都是题外话。我建议选择对您来说似乎合理的一个（似乎是 Axios），尝试让它工作，如果遇到困难，请回复 minimal repro。
非常感谢弗兰克，将使用 axios。我希望我仍然可以使用 Firebase hosting rewrites 部分，这样我就可以从 Firebase 应用程序域调用现有的 API。我会去的。

标签： firebase google-cloud-functions

【解决方案1】：

您可以使用axios 调用云函数

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);
});

【讨论】：

非常感谢昆丹。