更新 Cloud Firestore 文档中的单个地图

Question

最终更新 我从使用基于 andresmijares 以下答案的事务更改为使用 set()。

这现在允许我将数据写入数据库。

var gradeDocRef = db.collection("students").doc(studentId);
                            console.log(gradeDocRef);

                            var setWithMerge = gradeDocRef.set({
                                "UnitGrades": {
                                            [unitNo]: {
                                                "CG": CG,
                                                "PG": PG, 
                                                "TG": TG
                                                }
                                            }
                                }, { merge: true });

---

编辑 我根据下面 andresmijares 的评论更改了交易代码。

transaction.set(gradeDocRef, {merge: true}, {

然后得到这个错误？

传递给函数 Transaction.set() 的未知选项“UnitGrades”。可用选项：合并、合并字段

---

我有一个包含学生集合的云 Firestore 数据库。 每个学生集合都包含一个学生文档，其中包含如下图和子图

UnitGrades: 
    {
     IT1:
       {                                  
        CG: "F"
        PG: "F"                                          
        TG: "F"
        id: "IT1"
        name: "Fundamentals of IT"
        type: "Exam"
    }

我在地图 UnitGrades 中有 10 个单位 每个学生都有相同的单元组合

我想在 bootstrap 中根据 HTML 表单更新地图（表单正在运行，而且很长，所以不要放在这里）

即更改学生成绩

我使用了 firestore 事务更新文档并稍作调整以从 HTML 表单中获取数据。

let studentId = $(this).attr("data-student-id");
let unitNo = $(this).attr("data-unit");
let CG = $(this).attr("data-CG");
let PG = $(this).attr("data-PG");
let TG = $(this).attr("data-TG");

// Create a reference to the student doc.
var gradeDocRef = db.collection("students").doc(studentId);
console.log(gradeDocRef);
    return db.runTransaction(function(transaction) {
// This code may get re-run multiple times if there are conflicts.
    return transaction.get(gradeDocRef).then(function(gradeDoc) {

   if (!gradeDoc.exists) {
     throw "Document does not exist!";
}

// update the grades using a transaction

   transaction.update(gradeDocRef, {

// in here is my error, I need to be able to select the map
// for the variable for UnitNo only and not wipe the other maps

    "UnitGrades": {

    [unitNo]: {

    "CG": CG,

    "PG": PG, 

    "TG": TG                                                }
});
});

}).then(function() {

console.log("Transaction successfully committed!");

}).catch(function(error) {

console.log("Transaction failed: ", error);
console.log(studentId);

});

我实现的代码更新了正确的单元映射，但随后擦除了 UnitGrades 的其余部分。我真正想要的是更新变量中标识的单位映射

UnitNo，然后保持其余单元不变。

例如目前，如果我更新 IT1，这会正确更新地图中的等级，但随后会从 UnitGrades 地图中擦除单位 IT2、IT3、IT12 等。我真的希望 IT2、IT3、IT12 等保持原样，并使用新值更新 IT1。例如“F”变为“P”

Answer 1

以下应该可以解决问题：

  //....
  return db.runTransaction(function(transaction) {
    // This code may get re-run multiple times if there are conflicts.
    return transaction
      .get(gradeDocRef)
      .then(function(gradeDoc) {
        if (!gradeDoc.exists) {
          throw 'Document does not exist!';
        }

        // update the grades using a transaction


        transaction.update(
          gradeDocRef,
          'UnitGrades.' + unitNo,
          {
            CG: CG,

            PG: PG,

            TG: TG
          }
          // in here is my error, I need to be able to select the map
          // for the variable for UnitNo only and not wipe the other maps
        );
      })
      .then(function() {
        console.log('Transaction successfully committed!');
      })
      .catch(function(error) {
        console.log('Transaction failed: ', error);
        console.log(studentId);
      });

---

通过做

transaction.update(gradeDocRef, {
    "UnitGrades": { ... }
});

您将 整个 UnitGrades 字段替换为新地图，因此您会删除现有地图和子地图的值。

您需要做的只是替换特定的“子图”。为此，您需要使用dot notation，正如documentation 中对update() 方法的解释：“字段可以包含点以引用文档中的嵌套字段。”

请注意，调用update() 方法有两种不同的方式：

update(documentRef: DocumentReference, data: UpdateData): Transaction

或

update(documentRef: DocumentReference, field: string | FieldPath, value: any, ...moreFieldsAndValues: any[]): Transaction

在这种情况下，我们使用第二种方式，并使用'UnitGrades.' + unitNo（点符号）定义嵌套“子图”的路径。

---

HTML 测试器页面

如果您想测试建议的解决方案，只需在本地将以下代码保存为 HTML 文件，然后在 a/Adapted Firebase 配置并 b/ 创建一个 ID 为 1 的 Firestore 文档后在浏览器中打开它students 集合。然后修改unitNo的值，在浏览器中刷新页面，就可以在DB中看到更新了。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>

    <script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-firestore.js"></script>
  </head>

  <body>
    <script>
      // Initialize Firebase
      var config = {
        apiKey: 'xxxxxx',
        authDomain: 'xxxxxx',
        databaseURL: 'xxxxxx',
        projectId: 'xxxxxx',
        appId: 'xxxxxx'
      };

      firebase.initializeApp(config);

      var db = firebase.firestore();

      let studentId = '1';
      let unitNo = 'IT1';
      let CG = 'F';
      let PG = 'F';
      let TG = 'F';

      // Create a reference to the student doc.
      var gradeDocRef = db.collection('students').doc(studentId);
      console.log(gradeDocRef);
      db.runTransaction(function(transaction) {
        // This code may get re-run multiple times if there are conflicts.
        return transaction
          .get(gradeDocRef)
          .then(function(gradeDoc) {
            if (!gradeDoc.exists) {
              throw 'Document does not exist!';
            }

            transaction.update(
              gradeDocRef,
              'UnitGrades.' + unitNo,
              {
                CG: CG,

                PG: PG,

                TG: TG
              }

            );
          })
          .then(function() {
            console.log('Transaction successfully committed!');
          })
          .catch(function(error) {
            console.log('Transaction failed: ', error);
            console.log(studentId);
          });
      });
    </script>
  </body>
</html>

Answer 2

更改这些行：

transaction.update(gradeDocRef, {
    "UnitGrades": {
    [unitNo]: {
       "CG": CG,
       "PG": PG, 
       "TG": TG                                                }
});

为此

transaction.set(gradeDocRef, {
    `UnitGrades.${unitNo}`: {
       "CG": CG,
       "PG": PG, 
       "TG": TG 
}, { merge: true });

据我所知，它是这样工作的：

假设您的文档如下所示：

 {
   "fantasticsFours": {
     "thing": { ... },
     "susan": { ... },
     "mister": { ... }
   }
 }

我们需要添加{"humanTorch" :{...}}

带集合+合并

db.collection('heroes').doc(`xxxXXXxxx`).set({
  "fantasticsFours": {
    "humanTorch":{ ... }
  }
}, {merge:true})

将产生以下数据：

 {
   "fantasticsFours": {
     "thing": { ... },
     "susan": { ... },
     "mister": { ... },
     "humanTorch":{ ... }
   }
 }

有更新

db.collection('heroes').doc(`xxxXXXxxx`).update({
  "fantasticsFours": {
    "humanTorch":{ ... }
  }
})

将产生以下数据：

 {
   "fantasticsFours": {
     "humanTorch":{ ... }
   }
 }

更多here