Как получить один документ в FireStore и отобразить его на сайте

Question

Я не могу найти способ получить один документ из Cloud Firestore на веб-сайте. Допустим, у меня есть эта коллекция в моем облачном хранилище (не в реальном времени):

StoreSales:
 StoreA
    Jan:1
    Feb:5
    Mar:10
    Apr:2
    May:3 
 StoreB 
    Jan:1
    Feb:5
    Mar:5
    Apr:6
    May:3
 StoreC
    Jan:1
    Feb:5
    Mar:2
    Apr:2
    May:1

И у меня есть этот код для извлечения некоторых данных:

const Stores = document.querySelector('#sales-list');

function renderSales(doc){
    let li = document.createElement('li');
    let sales = document.createElement('span');

    li.setAttribute('data-id', doc.id);
    sales.textContent = doc.data().StoreSales;

    li.appendChild(sales);

    Stores.appendChild(li);
}

db.collection('StoreSales').get().then(snapshot => {
    snapshot.docs.forEach(doc => {
            console.log(doc.id, ' => ', doc.data());
        renderSales(doc);
    });
});

И что это в итоге делает получает все данные, независимо от того, какой документ и что находится внутри вложенных коллекций, он будет получать, например, что находится в хранилище A, B и C, и их содержимое.

Я хотел настроить таргетинг и отобразить Данные c, например, показывают продажи StoreB за апрель. Что я могу изменить, чтобы получить этот результат?

Answer 1

Получение одного документа, когда вы знаете его идентификатор, - это простой случай, описанный в документации . Я предлагаю рассмотреть это. Вы можете использовать doc() для создания ссылки на этот документ.

db.collection('StoreSales').doc('StoreA').get().then(snapshot => {
    // Do what you want with the DocumentSnapshot here
});