如何使用 ReactJS 应用程序开发和测试 Firebase 可调用函数？

Posted 2023-02-22

【中文标题】如何使用 ReactJS 应用程序开发和测试 Firebase 可调用函数？

【英文标题】：How to develop and test Firebase Callable functions with ReactJS app?

【发布时间】：2019-11-20 22:06:52

【问题描述】：

我有一个带有 Firebase 后端的 ReactJs 应用，并且想在我的应用中使用 https.onCall。我以firebase serve --only functions 开始我的功能 我有这个日志

函数：HTTP 触发器初始化于 http://localhost:5000/dental2-test/us-central1/addReportSQL

addReportSQL 是我的函数

exports.addReportSQL = functions.https.onCall((data = 'TEST') => 
    console.log('TEST!!!') // Need to call cloud sql db
    return data
)

并在 react 应用程序的 firebase 中有这个代理

if (process.env.NODE_ENV === 'development')
  app.functions().useFunctionsEmulator('http://localhost:5000')

如果我尝试从我的应用中调用它，它似乎不起作用

<Button onClick=() => firebase.addReportSQL('Data') />

我的目标是从此函数调用 Google SQL 云服务的查询。

如何正确设置本地环境？

【参考方案1】：

这个设置是正确的，诀窍是首先声明这个函数

const testCall = firebase.addReportSQL(data)
testCall()
  .catch(error => console.log(error))
  .then(result => console.log(result))

【讨论】：

你能举出完整的例子吗？