GVKun编程网logo

如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档(swiftui list 选中)

4

想了解如何使用Swift从FirebaseCloudFirestore获取集合中的最新文档的新动态吗?本文将为您提供详细的信息,我们还将为您解答关于swiftuilist选中的相关问题,此外,我们还将

想了解如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档的新动态吗?本文将为您提供详细的信息,我们还将为您解答关于swiftui list 选中的相关问题,此外,我们还将为您介绍关于(Flutter) 如何使用 Cloud Functions for Firebase 从 Firestore 检索文档、@firebase/firestore: Firestore (8.6.2): 无法访问 Cloud Firestore 后端 (React Js)、@firebase/firestore:Firestore (8.3.3):无法访问 Cloud Firestore 后端、@firebase/firestore:Firestore (8.6.5):无法访问 Cloud Firestore 后端的新知识。

本文目录一览:

如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档(swiftui list 选中)

如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档(swiftui list 选中)

如何解决如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档

我正在使用以下代码从 Firebase Firestore 集合中成功检索文档。这用于为每个用户创建食品清单。用户在添加食品时手动添加日期。日期用于将获取的数据与仅检索该用户的文档的 userId 一起排序。

但是,我希望能够获取为仅显示该最新项目的单独视图添加的最新食品项目。这个最新的项目会随着用户添加更多项目而改变。

我正在努力寻找实现这一目标的最佳方法。在获取所有 foodItems 后立即将 foodItems[0] 分配给单独的 @Published 变量“latestFoodItem”似乎不起作用。

作为初学者,我可能想错了方向……foodItems 也可能是空的,这给我带来了问题!

func fetchFoodItemsData() {
let userId = Auth.auth().currentUser?.uid
  db.collection("foodItems")
    .whereField("userId",isEqualTo: userId)
    .order(by: "date",descending: true)
    .addSnapshotListener { (querySnapshot,error) in
    guard let documents = querySnapshot?.documents else {
      print("No documents")
      return
    }
    self.foodItems = documents.compactMap { queryDocumentSnapshot -> FoodItem? in
      return try? queryDocumentSnapshot.data(as: FoodItem.self)
    }
  }
}

这是我的 Cloud Firestore 的结构,其中包含一些虚假数据:

解决方法

由于您已经获取了所有项目,我建议您使用本地转换。

在您的视图模型(或存储库)中,使用组合向您的 foodItems 添加新订阅者。然后,建立一个管道,通过对食物进行排序然后选择第一个元素来转换食物集合。最后,将此值分配给新的已发布属性。

以下是我从我自己的一个应用程序中改编的一些示例代码:

public class FoodItemsRepository: ObservableObject {

  // MARK: - Publishers
  @Published public var foodItems = [FoodItem]()
  @Published public var mostRecentFoodItem: FoodItem?

  init() {
    // ... other setup

    $foodItems.map { items in
      items
        .sorted { $0.dateAdded > $1.dateAdded }
        .first
    }
    .assign(to: \\.mostRecentFoodItem,on: self)
    .store(in: &cancellables)
  }
}

(Flutter) 如何使用 Cloud Functions for Firebase 从 Firestore 检索文档

(Flutter) 如何使用 Cloud Functions for Firebase 从 Firestore 检索文档

如何解决(Flutter) 如何使用 Cloud Functions for Firebase 从 Firestore 检索文档

我正在尝试在 Node.js 中编写云函数。

该函数需要以 json 形式返回 Cloud Firestore 文档数据。

我已经阅读了 document,我可以在其中找到可以在 Cloud Firestore 事件(例如 onCreate 和 onDelete)上触发 Cloud Functions。

但是,除了这些事件之外,文档没有更新或删除,我想知道是否可以使用 functions.firestore 对象来完成。

有可能吗?或者我应该只使用 Cloud Firestore 的 REST API 并创建诸如 functions.https.onRequest 之类的东西。如果你选择后者,这在 Flutter 中应该如何实现?

解决方法

这听起来像你想使用云功能,创建了一个API,你的应用可以调用从公司的FireStore找回一些数据。这确实是可能的,而且实际上很常见。

在这种情况下,将实现无论是所谓的HTTP function或{一个{3}}执行通过Callable Cloud Function

与公司的FireStore必要的相互作用

@firebase/firestore: Firestore (8.6.2): 无法访问 Cloud Firestore 后端 (React Js)

@firebase/firestore: Firestore (8.6.2): 无法访问 Cloud Firestore 后端 (React Js)

如何解决@firebase/firestore: Firestore (8.6.2): 无法访问 Cloud Firestore 后端 (React Js)

我正在尝试将我的 react js 应用程序与 Firebase Firestore 连接,但出现以下错误,如图 error image 我在集合中有 2 个文档,但我得到一个空的您可以在控制台中看到的数组。这是我用来获取 firestore 数据的代码

const snapshot = await firebase.firestore().collection(''users'').get();
const data = snapshot.docs.map((doc) => doc.data());
console.log(data);

PS:我可以正确使用来自 firebase 的 auth 功能,但在使用 firestore 时出现错误。

到目前为止我尝试过的解决方案:

  1. 同步时钟
  2. 验证了 firebase 规则并确保允许读写(附上我在 firestore 规则部分找到的规则)
rules_version = ''2'';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read,write: if 
          request.time < timestamp.date(2021,6,23);     
    }
  }
}

自从昨晚以来我一直在努力寻找一些快速的解决方案。提前致谢。

解决方法

我尝试了以下步骤来确认 React 应用程序或浏览器存在问题并修复了问题。

  • 尝试使用 node 和 express 获取数据并将数据发布到 Firestore 脚本(这有助于发现问题不在于 firebase 配置)

  • 经过一些在线研究后,我尝试将浏览器从 Brave 更改为 真正有效的 Chrome。

,

屏幕截图中的第一个错误暗示这实际上是一个 Access-Control-Allow-Origin CORS 问题。因此,为了像您在 this article 中看到的那样修复它,您可以:

  • "proxy": "http://localhost:PORT_YOU_ARE_USING" 选项添加到您的 package.json 文件中;

  • 使用像 http-proxy-middleware 这样的中间件来代理请求,您可以按照文章中的示例进行操作。

您还可以查看此 community question,它与您的问题类似,并提供了一些其他解决方案。通过查看,您可能会更好地了解 React 中的 cors 问题。

@firebase/firestore:Firestore (8.3.3):无法访问 Cloud Firestore 后端

@firebase/firestore:Firestore (8.3.3):无法访问 Cloud Firestore 后端

如何解决@firebase/firestore:Firestore (8.3.3):无法访问 Cloud Firestore 后端

在添加了 eslint 并且没有更改代码之后,我运行了我昨天运行良好的应用程序。我最终收到以下错误:

[2021-04-09T04:47:33.960Z]  @firebase/firestore: Firestore (8.3.3): Could not reach Cloud Firestore backend. Connection Failed 1 times. Most recent error: FirebaseError: [code=invalid-argument]: 3 INVALID_ARGUMENT: Invalid resource field value in the request.
This typically indicates that your device does not have a healthy Internet connection at the moment. The client will operate in offline mode until it is able to successfully connect to the backend.

我也看到了一些其他的 stackoverflow 帖子和 github 问题,而且大多数人以前似乎也遇到过同样的问题。我尝试了一些建议的解决方案 - 降级 Firebase、检查我的互联网等 - 似乎没有任何效果。

@firebase/firestore:Firestore (8.6.5):无法访问 Cloud Firestore 后端

@firebase/firestore:Firestore (8.6.5):无法访问 Cloud Firestore 后端

如何解决@firebase/firestore:Firestore (8.6.5):无法访问 Cloud Firestore 后端

我之前使用过 expo,但我退出了我的项目,一切正常,除了我的 firebase 连接。它说:@firebase/firestore: Firestore (8.6.5): 无法访问 Cloud Firestore 后端。后端没有在 10 秒内响应。

  1. import firebase from ''firebase'';
  2. import ''@firebase/firestore'';
  3. const firebaseApp = firebase.initializeApp({
  4. apiKey: ''AIzaSyALTdavPNQReVJNWyc2aF8DfexzxzDoXB0'',authDomain: ''projetofinal-e1147.firebaseapp.com'',projectId: ''projetofinal-e1147'',storageBucket: ''projetofinal-e1147.appspot.com'',messagingSenderId: ''546669005614'',appId: ''1:546669005614:web:1b06c375565e04b4c888bf'',measurementId: ''G-KLJBEWBR3S'',});
  5. class Fire {
  6. constructor(callback) {
  7. this.init(callback);
  8. }
  9. init(callback) {
  10. if (!firebase.apps.length) {
  11. firebase.initializeApp(firebaseConfig);
  12. }
  13. firebase.auth().onAuthStateChanged(user => {
  14. if (user) {
  15. callback(null,user);
  16. } else {
  17. firebase
  18. .auth()
  19. .signInAnonymously()
  20. .catch(error => {
  21. callback(error);
  22. });
  23. }
  24. });
  25. }
  26. getLists(callback) {
  27. let ref = this.ref.orderBy(''color'');
  28. this.unsubscribe = ref.onSnapshot(snapshot => {
  29. lists = [];
  30. snapshot.forEach(doc => {
  31. lists.push({id: doc.id,...doc.data()});
  32. });
  33. callback(lists);
  34. });
  35. }
  36. addList(list) {
  37. let ref = this.ref;
  38. ref.add(list);
  39. }
  40. deleteList(list) {
  41. let ref = this.ref;
  42. ref.doc(list.id).delete();
  43. }
  44. updateList(list) {
  45. let ref = this.ref;
  46. ref.doc(list.id).update(list);
  47. }
  48. get userId() {
  49. return firebase.auth().currentUser.uid;
  50. }
  51. get ref() {
  52. return firebase
  53. .firestore()
  54. .collection(''users'')
  55. .doc(this.userId)
  56. .collection(''lists'');
  57. }
  58. detach() {
  59. this.unsubscribe();
  60. }
  61. }
  62. export default Fire;

这是我的 Firebase 文件,它在我的 expo 应用程序中工作,但不再是了。

解决方法

添加:

  1. if (!firebase.apps.length) {
  2. firebase.initializeApp(firebaseConfig);
  3. + firebase.firestore().settings({ experimentalForceLongPolling: true,merge: true });
  4. }

关于如何使用 Swift 从 Firebase Cloud Firestore 获取集合中的最新文档swiftui list 选中的介绍已经告一段落,感谢您的耐心阅读,如果想了解更多关于(Flutter) 如何使用 Cloud Functions for Firebase 从 Firestore 检索文档、@firebase/firestore: Firestore (8.6.2): 无法访问 Cloud Firestore 后端 (React Js)、@firebase/firestore:Firestore (8.3.3):无法访问 Cloud Firestore 后端、@firebase/firestore:Firestore (8.6.5):无法访问 Cloud Firestore 后端的相关信息,请在本站寻找。

本文标签: