Angular / Ionic 移动应用程序 ios 不使用 angularfire 从 Firebase 获取

Question

我正在尝试在 iOS 模拟器上测试一个小的 Ionic/Angular 示例应用程序。

在网络上，使用 angularfire 对 firestore 的所有请求都可以正常工作。

不知何故，如果我尝试在模拟器上执行相同的应用程序，它会不断加载请求的响应（如果它是空响应，它会说无法检索到任何结果）。

发生了什么事？我是否需要专门为模拟器设置一些东西才能工作并执行对 Firestore 的请求？

Answer 1

import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
import { Capacitor } from '@capacitor/core';
import { initializeAuth, indexedDBLocalPersistence } from 'firebase/auth';
import { getAuth } from 'firebase/auth';

const firebaseApp = initializeApp({
 apiKey: process.env.VUE_APP_FIREBASE_API_KEY,
 authDomain: process.env.VUE_APP_FIREBASE_AUTH_DOMAIN,
 databaseURL: process.env.VUE_APP_FIREBASE_DATABASE_URL,
 projectId: process.env.VUE_APP_FIREBASE_PROJECT_ID,
 storageBucket: process.env.VUE_APP_FIREBASE_STORAGE_BUCKET,
 messagingSenderId: 
 process.env.VUE_APP_FIREBASE_MESSAGING_SENDER_ID,
 appId: process.env.VUE_APP_FIREBASE_APP_ID,
});


function whichAuth() {
  let auth
  if (Capacitor.isNativePlatform()) {
    auth = initializeAuth(app, {
      persistence: indexedDBLocalPersistence
    })
  } else {
    auth = getAuth()
  }
  return auth
}

export const auth = whichAuth()
const db = getFirestore();

export const auth = whichAuth();
export { firebaseApp, db };

然后在你的组件中，像这样 await signInAnonymously(auth); 调用你的方法。不要忘记导入我们在顶部导出的auth。