reactjs - 如何在 Android 和 iOS 上的 Capacitor 应用中实现 Firebase 身份验证？

Question

我正在使用 Capacitor 创建 React Web 应用程序的 Android 和 iOS 版本，现在我正在尝试在 Android 和 iOS 上运行 Firebase 身份验证。

我已允许在应用内导航至所有域，并使用 redirect 策略进行 Firebase 身份验证。我已启用所需的身份验证方法，并且它们在网络版本中运行良好。

问题:我只看到一个空白屏幕，而不是显示身份验证网站。

供引用:用于身份验证的代码:

const auth = firebase.auth()
const provider = new firebase.auth.GoogleAuthProvider()
auth.signInWithRedirect(provider)

还有capacitor.config.json:

{
  "appId": "APP_ID",
  "appName": "APP_NAME",
  "bundledWebRuntime": false,
  "npmClient": "yarn",
  "webDir": "build",
  "cordova": {},
  "server": {
    "hostname": "HOSTNAME_KNOWN_TO_FIREBASE",
    "allowNavigation": ["*"]
  },
  "android": {
    "allowMixedContent": true
  }
}

我错过了什么吗？任何提示将不胜感激!

Answer 1

基于 Web 的 Firebase 社交身份验证不适用于电容器。这是因为应用程序尝试打开弹出窗口或重定向，但失败了。在电话身份验证的情况下，它会失败，因为 ReCaptcha 所需的窗口对象在应用程序中不可用。

为了在移动应用程序中进行身份验证，您必须使用电容器插件。 capacitor-firebase-auth