[Node.js] koa + sequelize で取得したデータをビューに渡したい

Question

前提・実現したいこと

koav2 + sequelize + koa-ejs で Web アプリを作り始めています。

koa でサーバが起動し、sequelize でモデルを作成してデータを取得でき、ejs でダミーデータを渡して表示するところまでは確認できたのですが
それらを組み合わせて、いざ取得したデータをビューに渡そうとしたところで、上手くいかず困っています。

koa や sequelize というより、Promise の使い方で引っかかっています... どうかご教授ください。

発生している問題・エラーメッセージ

$ node server.js

/path/to/server.js:21
    await ctx.render('index', { lands });
          ^^^
SyntaxError: Unexpected identifier
    at createScript (vm.js:53:10)
    at Object.runInThisContext (vm.js:95:10)
    at Module._compile (module.js:543:28)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.runMain (module.js:605:10)
    at run (bootstrap_node.js:423:7)
    at startup (bootstrap_node.js:147:9)

該当のソースコード

const koa = require('koa');
const render = require('koa-ejs');
const path = require('path');
const app = new koa();

const models = require('./src/models');

render(app, {
  root: path.join(__dirname, 'src/views'),
  layout: 'template',
  viewExt: 'html',
  cache: false,
  debug: true
});

app.use(async function (ctx) {
  models.land.findAll({
    attributes: ["id", "address", "x", "y"],
    raw: true,
  }).then(function (lands) {
    await ctx.render('index', { lands }); // => ctx が Syntax Error
  });
});

app.listen(3000);

試したこと

一度 models.land.findAll... を変数として受け取ってから await ctx.render... を実行してみたのですが、変数には Promise が返るため上手くいかず。

app.use(async function (ctx) {
  let lands = models.land.findAll({
    attributes: ["id", "address", "x", "y"],
    raw: true,
  }).then(function (lands) {
    return lands;
  });
  await ctx.render('index', { lands }); // => lands は Promise なので表示できずエラー
});

Promise が実行されるまで待ってからその値を受け取れるといいのですが、どうしたらいいのでしょう。

補足情報(言語/FW/ツール等のバージョンなど)

Node v7.8 を使用しています。

Answer 1

そこまで行けばあと少しです。

await は Promise が解決されるまで待ち、中身の値を返してくれます。
次のように使ってください。

async function f() {
    let x = await Promise.resolve().then(() => {
        return 10;
    });
    console.log(x); // 10
};
f();

Comments

[kyrieleison]

ご回答ありがとうございます！
どうやら難しく考えすぎていました。Promise の解決を待ってくれるのが await なんですね。
いただいたコードでより理解が深まりました。ありがとうございます！

Answer 2

自己解決しました。async await がよく分かっていませんでした...。

Promise が実行されるまで待ってからその値を受け取れるといいのですが、どうしたらいいのでしょう。

単純に await models.land.findAll... で処理が終わるまで待てばよかったのですね。
koa-sequelize-boilerplate のコードを読んでようやく分かりました。

app.use(async function (ctx) {
  const lands = await models.land.findAll({
    attributes: ["id", "address", "x", "y"],
    raw: true,
  });
  
  await ctx.render('index', { lands });
});