如何创建 Firestore 子集合并添加到其中？

Question

我一直在尝试创建一个函数，将输入的内容添加到 Firestore 集合文档，然后为该文档创建一个子集合，获取其余内容并将其放入该子集合中的文档中。但是，我遇到了一个问题，我可以添加到集合中，但不能创建并添加到子集合中。有没有什么办法解决这一问题？我的代码如下。

document.getElementById("submitButton").addEventListener("click", function() {
var storyTitle = document.getElementById("storyTitle").value;
  var chapterTitle = tinymce.get("writeTitle").getContent();
  var chapterContent = tinymce.get("chapterContent").getContent();
  const db = firebase.firestore();
              
  
  addStory(storyTitle,chapterTitle,chapterContent);
  
});
    
function addStory(story,chapter,theContent) {
  const db = firebase.firestore();
  const sub = db.collection("Stories").doc(story).collection("Chapters");
  //const docRef = db.collection("Stories").doc(storyTitle);
  document.getElementById("testing").innerHTML = story + ", " + chapter + ", " + theContent;

db.collection("Stories").doc(story).set({
    title: story
}).then(() => {
    console.log("Document successfully written!");
}).catch((error) => {
    console.error("Error writing document: ", error);
});

db.collection("Stories").document(story).collection("Chapters").add({
    title: chapter,
    content: theContent
}).then(() => {
    console.log("Document successfully written!");
}).catch((error) => {
    console.error("Error writing document: ", error);
});
    
}

Answer 1

我认为你应该这样做：

  const storiesRef = db.collection('Stories').doc(story).get();
  const chapterRef = storiesRef.collection('Chapters').doc();

您可以使整个函数异步，这样您就可以等待设置/更新每个集合的相应值，如下所示：

 await storiesRef.set({
   title: story
 });

 await chapterRef.set({
   title: chapter,
   content: theContent
 });

同时您可以在这里查看：https://firebase.google.com/docs/firestore/data-model。文档充分解释了如何创建子集合。

我希望这会有所帮助。