如何在Javascript前端中使用Firebase Firestore .push()方法

讨厌

因此,我首先要说Google的Firebase文档太可怕了。当用户向电子商务网站上的购物车中添加商品时,我试图将子值附加到存储在Firestore db中的文档中的列表中。有史以来(或应该是)最简单的事情。所有文档都说使用.push(),但没有一个可操作的示例说明如何实现它。这还不足以让我了解如何使用它:

// Create a new post reference with an auto-generated id
var newPostRef = postListRef.push();
newPostRef.set({
    // ...
});

postListRef来自哪里,如何实例化与.push()一起使用的引用?在过去的三天里,我一直在猜测如何使用该功能,从获取数据库引用到添加值。以下是我尝试使用它的两种方法。这是一个愚蠢的简单问题,使我发疯,以至于在经过数小时的搜索之后,我找不到任何完整的例子。请提供示例代码的完整说明,这对于您如何在普通javascript前端脚本中使用firestore实现.push()似乎是不必要的详细说明!如果您可以解释如何从列表中删除单个项目,则可以加分。

文档链接:https : //firebase.google.com/docs/database/web/lists-of-data,https : //firebase.google.com/docs/database/admin/save-data

const db = firebase.firestore();
//set with a function that checks to see if user is logged in
var userUid;
//set if the user is not signed in to persist the cart
var guestUid;

function addItemToCart() {
        console.log("Add item to cart triggered..");
        const productName = "Assorted Oranges";
        const productId = "123";

        if (userUid != null) {
            var testRef = firebase.firestore().collection('Carts').doc(userUid).push();
            testRef.set({
            productName: productName,
            productId: productId });
        } else {
            guestUid = getUUID();
            var testRef = db.push({
                productName: productName,
                productId: productId
            });
        }
    }

无论我如何尝试使用它,我都会不断收到错误的变化:.push()不是像这样的函数:

product-single:126 Uncaught TypeError: firebase.firestore(...).collection(...).doc(...).push is not a function
    at addItemToCart (product-single:126)
弗兰克·范普菲伦

push()方法是Firebase Realtime Database API的一部分,而不是Firestore API的一部分。虽然这两个数据库都是Firebase的一部分,但它们各自都有自己的API,并且不兼容。

要将文档添加到Firestore集合中,您可以执行以下操作:

var testRef = firebase.firestore().collection('Carts').doc(userUid);
testRef.set({
  productName: productName,
  productId: productId 
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在firestore中使用引用类型?

来自分类Dev

Cloud Firestore WhereIn方法无法在.Net中使用

来自分类Dev

在 Android Firestore 的批量操作中使用 set() 方法增加字段

来自分类Dev

如何限制 FireBase firestore get() 方法返回的记录?

来自分类Dev

如何在JAVASCRIPT中使用array_push()?

来自分类Dev

从node.js调用firestore方法时,如何使用firestore的onSnapshot侦听器?

来自分类Dev

如何在Reactfire中使用Firestore模拟器?

来自分类Dev

如何在React中使用Map函数渲染Firestore集合?

来自分类Dev

我如何在 .where() - Firestore React Native 中使用 veriable ?

来自分类Dev

如何在android中使用复合查询从“Firestore”获取文档

来自分类Dev

在JavaScript中使用提示填充数组并使用push方法

来自分类Dev

如何在Flutter中将Firebase Auth与Firestore结合使用

来自分类Dev

在 JavaScript 中使用 push 方法定义键

来自分类Dev

如何在Clojurescript中使用firebase.push?我的数据正确吗?

来自分类Dev

如何在JavaScript中使用Object.deliverChangeRecords方法

来自分类Dev

如何在Javascript中使用for调用动态命名方法

来自分类Dev

如何在Angularfire中使用javascript对象方法

来自分类Dev

如何在JavaScript中使用Object.deliverChangeRecords方法

来自分类Dev

如何在jquery / javascript中使用循环创建方法

来自分类Dev

如何正确使用Firestore

来自分类Dev

Firestore:如何在 JavaScript 中设置 DocumentListenOptions?

来自分类Dev

使用Flutter同步Firestore时,在Null上调用了[]方法

来自分类Dev

Firestore安全规则:hasAny()列表方法中的get()使用

来自分类Dev

Firebase.firestore与admin.firestore

来自分类Dev

Firebase Firestore如何读取计数?

来自分类Dev

如何在下一个JS项目中使用Firebase Cloud FireStore数据库。如何正确初始化?

来自分类Dev

在Flutter wih Firestore中使用foreach方法后,为什么会得到null?

来自分类Dev

在 Firestore 的循环中使用带有批处理方法的更新

来自分类Dev

了解Firebase Firestore规则

Related 相关文章

  1. 1

    如何在firestore中使用引用类型?

  2. 2

    Cloud Firestore WhereIn方法无法在.Net中使用

  3. 3

    在 Android Firestore 的批量操作中使用 set() 方法增加字段

  4. 4

    如何限制 FireBase firestore get() 方法返回的记录?

  5. 5

    如何在JAVASCRIPT中使用array_push()?

  6. 6

    从node.js调用firestore方法时,如何使用firestore的onSnapshot侦听器?

  7. 7

    如何在Reactfire中使用Firestore模拟器?

  8. 8

    如何在React中使用Map函数渲染Firestore集合?

  9. 9

    我如何在 .where() - Firestore React Native 中使用 veriable ?

  10. 10

    如何在android中使用复合查询从“Firestore”获取文档

  11. 11

    在JavaScript中使用提示填充数组并使用push方法

  12. 12

    如何在Flutter中将Firebase Auth与Firestore结合使用

  13. 13

    在 JavaScript 中使用 push 方法定义键

  14. 14

    如何在Clojurescript中使用firebase.push?我的数据正确吗?

  15. 15

    如何在JavaScript中使用Object.deliverChangeRecords方法

  16. 16

    如何在Javascript中使用for调用动态命名方法

  17. 17

    如何在Angularfire中使用javascript对象方法

  18. 18

    如何在JavaScript中使用Object.deliverChangeRecords方法

  19. 19

    如何在jquery / javascript中使用循环创建方法

  20. 20

    如何正确使用Firestore

  21. 21

    Firestore:如何在 JavaScript 中设置 DocumentListenOptions?

  22. 22

    使用Flutter同步Firestore时,在Null上调用了[]方法

  23. 23

    Firestore安全规则:hasAny()列表方法中的get()使用

  24. 24

    Firebase.firestore与admin.firestore

  25. 25

    Firebase Firestore如何读取计数?

  26. 26

    如何在下一个JS项目中使用Firebase Cloud FireStore数据库。如何正确初始化?

  27. 27

    在Flutter wih Firestore中使用foreach方法后,为什么会得到null?

  28. 28

    在 Firestore 的循环中使用带有批处理方法的更新

  29. 29

    了解Firebase Firestore规则

热门标签

归档