在 forEach 之后使用 Promise.all() 渲染 NodeJS 页面之前等待 Firebase 数据加载

Question

我正在尝试创建一个从 Firebase 加载多个数据集的页面，然后将它们传递给 NodeJS 呈现的页面。我会很感激一些帮助，以确保在 forEach 迭代之后发生这种情况；也就是说，我不确定如何让 Firebase forEach 迭代成为我的承诺的一部分。

非常感谢！

router.get('/', function(req, res, next) {

    var getBrands = brandRef.once('value').then(function(snapshot){
        var brands = [];

        snapshot.forEach(function(childSnapshot){
            console.log(childSnapshot.val()['name']);
            brands.push({'name' : childSnapshot.val()['name'] });
        });

        return brands;
    });
    var getStores = storeRef.once('value').then(function(snapshot){
        var stores = [];

        snapshot.forEach(function(childSnapshot){
            stores.push({'name' : childSnapshot.val()['name'] });
        });

        return stores;
    });
    var getProducts = productRef.once('value').then(function(snapshot){
        var products = [];

        snapshot.forEach(function(childSnapshot){
            products.push({'name' : childSnapshot.val()['name'] });
        });

        return products;
    });

    console.log(brands, stores, products);
    Promise.all([getBrands, getStores, getProducts]).then(function(results){

        res.render('index', { title: 'MStore Demo Portal', stores: results[0], brands: results[1], products: results[2] });
    });
});

Answer 1

Firebase 设计为无服务器架构。从长远来看，您不需要标准的 RESTFul Node.js API 服务器。您只需要 Lambda 工作人员。请看：https://github.com/firebase/firebase-queue

将工作放入队列中，工作人员将接手工作并更新 Firebase。当 Firebase 更新时，它会向您的前端发送消息。这一切都是异步的，应该适用于几乎任何应用程序。

拥有 API 服务器也没有什么问题，但实际上并不需要。除非您有充分的理由拥有我认为的 Express API 服务器，否则您可以放弃它。

看起来您对这段代码所做的只是从数据库中获取值，您可以使用前端而不是 API 服务器来执行此操作，并在前端合并结果，这样做会更好事情就是这样。

从字面上看，只需在此处获取 Express 中的代码，并将其移动到您的前端应用程序中：)

Answer 2

您的代码看起来 99% 正常

router.get('/', function(req, res, next) {
    var getBrands = ...;
    var getStores = ...;
    var getProducts = ...;

到目前为止一切顺利（甚至没有复制代码，因为它是正确的

    console.log(brands, stores, products);

品牌、商店和产品在 .then 回调中声明，因此无论如何，此时它们始终是未定义的

    Promise.all([getBrands, getStores, getProducts]).then(function(results){

        res.render('index', { title: 'MStore Demo Portal', stores: results[0], brands: results[1], products: results[2] });
    });
});

上面唯一的“问题”是，由于您在 Promsie.all 中订购了getBrands, getStores, getProducts，结果将是brands, stores, products

但是，您似乎认为（基于索引）结果将是 stores, brands, products - 在代码中交换索引 0 和 1，或者调用

Promise.all([getStores, getBrands, getProducts]).then

提示，如果您使用的是足够新的 node.js，您可以执行以下操作

Promise.all([getStores, getBrands, getProducts]).then(([stores, brands, products]) =>
    res.render('index', { title: 'MStore Demo Portal', stores, brands, products })
);