Асинхронный запрос Firebase к ответу - PullRequest
Новая
       39

Асинхронный запрос Firebase к ответу

0 голосов
/ 29 сентября 2019

Я пытаюсь получить все документы из коллекции Firebase, создать список и вернуть его по запросу с помощью функции Cloud, но я борюсь с асинхронной природой JavaScript. Вот мой код: 

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

const items = "";

async function buildItems() {
    db.collection("reminders").get().then((QuerySnapshot) => {
        QuerySnapshot.forEach((item) => {
            items.concat("<li>" + item.data().name + "</li>");
            console.log(items);
        });
    })
}
exports.view = functions.https.onRequest((req, res) => {
    buildItems().then(
        res.status(200).send(`<!doctype html>
    <head>
      <title>Reminders</title>
    </head>
    <body>
      <ul>
        ${items}
      </ul>
    </body>
  </html>`))});

РЕДАКТИРОВАТЬ: Включить код, основанный на обещаниях, который я пробовал (это неправильно, я не знаю, как его решить) 

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

function buildItems() {
    return new Promise((resolve) => {
        resolve(db.collection("reminders").get())
    });
}
exports.view = functions.https.onRequest((req, res) => {
    buildItems(reminders => {
        let items = "";
        reminders.then((qs) => {
            qs.forEach(items.concat("<li>" + qs.data().name + "</li>"))
        }).then(resolve(items));
    }).then( items =>
        res.status(200).send(`
  <!doctype html>
    <head>
      <title>Reminders</title>
    </head>
    <body>
      <ul>
        ${items}
      </ul>
    </body>
  </html>`))});

Вывод всегда один и тот же: абсолютно ничего не отображается в браузере или на консоли. Я пробовал варианты этого кода, но пока безуспешно.

Заранее спасибо!

1 Ответ

0 голосов
/ 01 октября 2019

Я немного очистил код и заменил код, основанный на Promise, на async await. Вы можете попробовать запустить это:

асинхронная ожидающая версия 

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

const buildItems = async () => {
  return db.collection('reminders').get();
};

exports.view = functions.https.onRequest(async (req, res) => {
  try {
    const reminders = await buildItems();
    let items = '';

    reminders.forEach(qs => {
      items.concat(`<li> ${qs.data().name} </li>`);
    });

    return res
      .status(200)
      .send(`
        <!doctype html>
        <head>
            <title>Reminders</title>
            </head>
            <body>
            <ul>
                ${items}
            </ul>
            </body>
        </html>
        `);
  } catch (error) {
    /** Handle error here */
  }
});

Версия на основе обещаний 

firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();

const buildItems = () => {
  return db.collection('reminders').get();
};

exports.view = functions.https.onRequest((req, res) => {
  buildItems()
    .then(reminders => {
      let items = '';
      reminders.forEach(qs => {
        items.concat(`<li> ${qs.data().name} </li>`);
      });

      return res
        .status(200)
        .send(`
        <!doctype html>
        <head>
            <title>Reminders</title>
            </head>
            <body>
            <ul>
                ${items}
            </ul>
            </body>
        </html>
        `);
    })
    .catch(error => {
      /** Handle Error here */
    });
});

Если выПо-прежнему возникают проблемы, попробуйте, если на самом деле коллекция reminders содержит документы, которые вы хотите получить.

Свойство .size доступно в [QuerySnapShots][1] в результатах моментального снимка запроса Firebase. Если размер снимка равен 0.

...