1 回答

TA貢獻1854條經驗 獲得超8個贊
如果你想在網頁中實時更新數據,你應該在呈現的頁面中使用 Firestore 而不是在 express 控制器中。
首先在渲染的頁面標題中添加 Firestore 依賴
<script src="https://www.gstatic.com/firebasejs/7.21.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.21.1/firebase-firestore.js"></script>
其次在渲染頁面中初始化Firestore并監聽更新
<script>
firebase.initializeApp({
apiKey: '### FIREBASE API KEY ###',
authDomain: '### FIREBASE AUTH DOMAIN ###',
projectId: '### CLOUD FIRESTORE PROJECT ID ###'
});
var db = firebase.firestore();
dbC.db.collection('collection').where('id', '==', 'AnID')
.onSnapshot(querySnapshot => {
querySnapshot.docChanges().forEach(change => {
if (change.type === 'added') {
// use DOM API to update data location in the rendered page
});
});
})
</script>
添加回答
舉報