使用带电容器的 Ionic 应用程序为 Firebase 实时数据库启用离线功能

Question

我正在使用带有 firebase 实时数据库和电容器 3 的 ionic。我打算启用离线功能。我已经使用 ionic cap build 构建了应用程序，然后在 xcode 中打开。然后跟随 url https://firebase.google.com/docs/database/ios/offline-capabilities 我在 AppDelegate.swift 中添加了以下代码

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        FirebaseApp.configure()
        Database.database().isPersistenceEnabled = true

        return true
    }

现在为了测试我在 wifi 上运行应用程序并从 firebase db 获取数据。在此之后，我杀死了应用程序并关闭了 wifi。但是，在启动应用程序时，它不会加载数据。

我还有什么遗漏的吗？

我的关键 pod 文件有：

target 'App' do
  capacitor_pods
  # Add your Pods here
  pod 'FirebaseCore', '7.11.0' # Add this line
  pod 'Firebase/Database', '7.11.0' # Add this line
end

下面是我的代码，它不起作用，预计会：

getSeedConfig(){
  return new Promise((resolve, reject) =>{
        const doc = ref(this.db, 'config/seed');
        get(doc).then((snapshot) => {
          if (snapshot.exists()) {
            resolve(snapshot.val())
          } else {
            resolve(null)
          }
        }).catch((error) => {
          reject(error)
        });
  })
}

Answer 1

在 JavaScript 中使用现代 API 时，不再需要返回自定义 Promise 的情况已经不多了。

据我所知，您现在拥有的这段代码：

getSeedConfig(){
  return new Promise((resolve, reject) =>{
        const doc = ref(this.db, 'config/seed');
        get(doc).then((snapshot) => {
          if (snapshot.exists()) {
            resolve(snapshot.val())
          } else {
            resolve(null)
          }
        }).catch((error) => {
          reject(error)
        });
  })
}

可简写为：

getSeedConfig(){
  const doc = ref(this.db, 'config/seed');
  return get(doc).then((snapshot) => {
    return snapshot.val(); // ? returns null when the snapshot does not exist
  })
}