访问 Express Route 中的承诺值

Question

所以基本上我试图从单个 Google SpreadSheet 中获取工作表列表（例如 Sheet 1，Sheet 2）并显示在我的前端。我有一个 Node.js 服务器和运行并从 Google Sheet 获取后端数据没问题。

我想要做的是在呈现时将我的数组发送到我的页面。目前我可以在我的 console.log 中获取数据，但我的页面不会呈现。

index.js // 服务器

const express = require('express');

const path = require('path');

const myGenerator = require('./app/myGenerator.js')

const app = express();


app.set('view engine', 'pug');
app.set('views', path.join(__dirname, 'views'));
app.use(express.static('./app'));

app.get('/home', async (req, res, next) => {
  Promise.all([
    myGenerator.GetAllSheets()
  ]).then((value) => {
    res.render('home', { title: 'Hey', map1: value})
  })
});

app.listen(3000, () => console.log('Example app listening on port 3000!'));

myGenerator.js

module.exports = {
GetAllSheets: function() {
  return new Promise((resolve, reject) => {

    const googleSheetID = "REMOVED";

    // GOOGLE SHEETS CODE
    // Load client secrets from a local file.
    fs.readFile(__dirname + '/client_secret.json', (err, content) => {
      if (err) return console.log('Error loading client secret file:', err);
      // Authorize a client with credentials, then call the Google Sheets API.
      GoogleFunctions.authorize(JSON.parse(content), getData);
    });

    function getData(auth) {
      const sheets = google.sheets({version: 'v4', auth});
      sheets.spreadsheets.get({
        spreadsheetId: `${googleSheetID}`
        }, (err, res) => {
          if (err) return console.log('The API returned an error: ' + err);
          const rows = res.data.sheets;
          var map1 = rows.map(function(sheet) {
            return sheet.properties.title
          })
          console.log(map1);
          return map1;
      });
    }
  })
}
}

home.pug // 查看

doctype html
html(lang='en')
  head
    meta(charset='UTF-8') rel='stylesheet')
  body
    .container
      p The mysterious array should be here -> #{map1}

如果有人能指出正确的方向，我将不胜感激。干杯

Answer 1

请记住将 new Promise 用于 reject 或 resolve，否则您最终会得到一个永远不会结束的 Promise。

下面是修复后的代码。

我已经在修改的3个地方添加了评论。

此外，在您的路线中 catch 错误也是一个好主意，您可以 return 一个 500 错误等

GetAllSheets: function() {
  return new Promise((resolve, reject) => {
    const googleSheetID = "REMOVED";
    fs.readFile(__dirname + '/client_secret.json', (err, content) => {
      //remember to also reject promise if error.
      if (err) return reject('Error loading client secret file:', err);
      GoogleFunctions.authorize(JSON.parse(content), getData);
    });

    function getData(auth) {
      const sheets = google.sheets({version: 'v4', auth});
      sheets.spreadsheets.get({
        spreadsheetId: `${googleSheetID}`
        }, (err, res) => {
          //again if we have error, reject
          if (err) return reject('The API returned an error: ' + err);
          const rows = res.data.sheets;
          var map1 = rows.map(function(sheet) {
            return sheet.properties.title
          })
          //lets return our result
          return resolve(map1);
      });
    }
  })
}

访问 Express Route 中的承诺值

Accessing the value of a promise inside an Express Route

javascript

node.js

express

google-sheets-api