如何使用ReactJS应用开发和测试Firebase Callable函数？

Question

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

  

功能：HTTP触发器初始化于   declaration-merging

addReportSQL是我的功能

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

并在react app firebase中具有此代理

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

如果我尝试从我的应用中调用此函数，则似乎无法正常工作

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

我的目标是从此功能调用对Google SQL云服务的查询。

如何针对本地环境进行正确的设置？

Answer 1

此设置正确，诀窍是首先声明此功能

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