Question

我使用Firestore的Web API执行在格式化为字符串的日期属性上排序的简单查询（＆＃39; 2017-12-30＆＃39;）。我使用onSnapshot（）方法订阅作为文档更改的侦听器。结果列表的初始填充按预期工作 - 顺序正确。

当我对数据进行更改时，将使用更改类型＆＃39;修改＆＃39;来调用回调。如果任何更改影响date属性，那么我无法在结果列表中重新排序该项 - 与旧的实时数据库不同。也就是说，直到我看到DocumentChange的newIndex和oldIndex属性。它们没有记录Web API（https://firebase.google.com/docs/reference/js/firebase.firestore.DocumentChange），但是作为Node.js API（https://cloud.google.com/nodejs/docs/reference/firestore/0.10.x/DocumentChange）的一部分记录。

所以，我的问题似乎得到了解决 - 除了在实践中，newIndex和oldIndex中的值似乎很大程度上是随机的，如果我刷新查询，它与实际的顺序无关。我无法弄清楚任何可以解释我得到的指数值的模式。

有没有人成功使用过DocumentChange.newIndex和DocumentChange.oldIndex？如果没有，您将如何更改订阅者的结果？

const query = firestore.collection(`users/${uid}/things`).
  orderBy('sortDate', 'desc').limit(1000)
query.onSnapshot(snapshot => {
  snapshot.docChanges.forEach(change => {
    if (change.type === "added") {
      dispatch(addThing({
        id: change.doc.id, 
        ...change.doc.data()
      }, change.newIndex)
    }
    if (change.type === "modified") {
      dispatch(changeThing({
        id: change.doc.id, 
        ...change.doc.data()
      }, change.oldIndex, change.newIndex))
    }
    if (change.type === "removed") {
      dispatch(removeThing(change.doc.id, change.oldIndex))
    }
  })
})

Answer 1

我对DocumentChange索引的原始问题是由于我的代码中的其他地方出现了一些错误。由于我没有在Node.js Firestore文档之外找到任何使用它的示例，这里是我用来验证其正确行为的测试代码（ES6）。假设firebase已初始化。

cleanTestData = (firestore, path) => {
  console.log("Cleaning-up old test data")
  var query = firestore.collection(path)
  return query.get().then(snapshot => {

    const deletePromises = []
    if (snapshot.size > 0) {
      snapshot.docs.forEach(function(doc) {
        deletePromises.push(doc.ref.delete().then(() => {
          console.log("Deleted ", doc.id)
        }))
      });
    }
    return Promise.all(deletePromises)
  }).then(() => {
    console.log("Old test data cleaned-up")
  })
}

createTestData = (firestore, path) => {
  console.log("Creating test data")
  const batch = firestore.batch()    
  const data = { 
    a: '2017-09-02',
    b: '2017-12-25',
    c: '2017-10-06',
    d: '2017-08-02',
    e: '2017-09-20',
    f: '2017-11-17' 
  }
  for (const id in data) {
    batch.set(firestore.collection(path).doc(id), { date: data[id] })
  }

  return batch.commit().then(() => {
    console.log("Test data created");
  }).catch(error => {
    console.error("Failed to create test data: ", error);
  })
}

subscribe = (firestore, path) => {
  const datesArray = []

  return firestore.collection(path).orderBy('date', 'asc').onSnapshot(snapshot => {  
    snapshot.docChanges.forEach(change => {
      console.log(change.type, "id:", change.doc.id, 
        "; date:", change.doc.data().date, 
        "; oldIndex:", change.oldIndex, "; newIndex:", change.newIndex,
        "; metadata: ", change.doc.metadata)
      if (change.oldIndex !== -1) {
        datesArray.splice(change.oldIndex, 1);
      }
      if (change.newIndex !== -1) {
        datesArray.splice(change.newIndex, 0, change.doc.data().date);
      }
      console.log("    -->", JSON.stringify(datesArray))
    })
  })
}

update = (firestore, path) => {
  console.log("Updating test data")
  return firestore.collection(path).doc('d').set({date: '2018-01-02'}).then(() => {
    console.log("Test doc 'd' updated from '2017-08-02' to '2018-01-02'")
  })
}

query = (firestore, path) => {
  var query = firestore.collection(path).orderBy('date', 'asc')
  return query.get().then(snapshot => {

    const dates = []
    if (snapshot.size > 0) {
      snapshot.docs.forEach(function(doc) {
        dates.push(doc.data().date)
      });
    }

    console.log("Fresh query of data: \n    -->", JSON.stringify(dates))
  })
}

handleStartTest = e => {
  console.log("Starting test")

  const firestore = firebase.firestore()
  const path = `things`
  let unsubscribeFn = null

  unsubscribeFn = this.subscribe(firestore, path)
  this.cleanTestData(firestore, path).then(() => {
    return this.createTestData(firestore, path)
  }).then(() => {
    return this.update(firestore, path)
  }).then(() => {
    return this.query(firestore, path)
  }).then(() => {
    unsubscribeFn()
    console.log("Test complete")
  }).catch((error) => {
    console.error("Test failed: ", error)
  })
}

如何重新订购Firestore＆＃39; modified＆＃39;使用DocumentChange.newIndex进行更改？

1 个答案: