在 React 项目中导入 firebase 云函数

Question

我正在构建一个 React 应用程序（这部分可能无关紧要）并构建了一个服务器云 function：

exports.myFunction = functions.https.onCall(async (data, context) => {
  ...
}

我知道在我的客户中调用它通常包括调用

firebase.functions().httpsCallable('myFunction');

我已经在一个单独的项目中尝试过这个，而且它有效。 但是，那是使用脚本标记在我的index.html中导入函数模块：

<script src="/__/firebase/7.7.9/firebase-functions.js"></script>

但在我当前的项目中，我的模块是在我的firebase.js源代码中导入的：

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

const firebaseConfig = {
  apiKey: ...
  ...
};

const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);

我无法找到任何以这种方式导入函数的示例代码，而且我尝试的一切都失败了。

如何导入functions以便调用上述方法？ 更好的是，我怎么能自己解决这个问题？ （到目前为止，我一直依赖示例代码）。 我假设这些引用了 NPM 包我有npm install 'ed（或者在我的情况下， yarn add add'ed），但我没有立即看到代码实际被引用的位置所以我可以自己解决这个问题.

Answer 1

据我从你那里了解到的问题，它是关于如何在使用反应应用程序时导入 firebase 云 function 模块，该应用程序在客户端调用 HTTPS 可调用 function。您可以使用环境的任何库或内置命令拨打HTTPS function 。

我建议您尝试对您的导入执行以下操作，看看是否可行。
import { getFunctions, httpsCallable } from "firebase/functions";
或者
import * as functions from 'firebase-functions'; import React from 'react'; import { renderToString } from 'react-dom/server'; import App from './src/App';

查看下面的类似实施示例，以更好地理解这一点并根据您的要求实施。

• 如何从 React 组件中调用 Firebase function
• 在反应中调用 Firebase HTTPS 可调用 function
• 在 React 应用程序中实现可调用 function
• Firebase 可调用 function CORS