AWS LambdaのNode.jsとJSONについて

Question

はじめまして、Node.js初心者です。
前回に続き、GoogleHomeからSlackに投稿したいです。

前提・実現したいこと

GoogleHome→Dialogflow→APIGateway→AWSLambda→Slack

参考にしたサイト様
Dialogflow入門
AWS API Gateway+LambdaでSlackにメッセージをPOSTする(前編)
Google Home と Lambda で「"あ"のつくポケモンなーんだ」

DialogflowのFulfillmentでAPIGatewayをあてており、
Lambdaでこのコードを入れたところエラーがでます。
Dialogflow側では問題なくJSONが送られている状態です。

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

{
  "errorMessage": "RequestId: f396756f-0a52-11e8-967f-79dda54dff68 Process exited before completing request"
}

該当のソースコード

console.log('Loading function');

const https = require('https');
const url = require('url');
const slack_url = process.env.SLACK_WEBHOOK_URL;
const slack_req_opts = url.parse(slack_url);
slack_req_opts.method = 'POST';
slack_req_opts.headers = {'Content-Type': 'application/json'};

exports.handler = function(event, context, callback) {
  if (!event.text) {
    callback('called without event.text');
    return;
  }
  var req = https.request(slack_req_opts, function (res) {
    if (res.statusCode === 200) {
      callback(null, 'posted to slack');
    } else {
      callback('status code: ' + res.statusCode);
    }
    });

    req.on('error', function(e) {
      console.log('problem with request: ' + e.message);
      context.fail(e.message);
    });

    // メッセージの編集
    const parameters = JSON.parse(event.body).result.parameters;
    var message = parameters.date + parameters.building + parameters.request;
    var slack_text = message;

    req.write(JSON.stringify({text: slack_text}));

    req.end();
};

試したこと

上記の部分を下記に変更すれば問題なく動くのですが、ただ単にLambdaのテストで設定したテキストがSlackに送られる状況です。

 // メッセージの編集
    const parameters = JSON.parse(event.body).result.parameters;
    var message = parameters.date + parameters.building + parameters.request;
    var slack_text = message;

 // メッセージの編集
    var message = (event.text);
    var slack_text = message;

補足情報

エラーコードをググって見たところ、処理が途中で終了してしまうと発生してしまうようで、
CloudWatchからエラーを探ったところ、

SyntaxError: Unexpected token u in JSON at position 0
at Object.parse (native)
at exports.handler (/var/task/index.js:29:29)

とでています。調べると
Uncaught Syntaxerror: Unexpected token u

コールバックと引数が一致していない？のでしょうか
ここからハマってしまいわからない状況です。

ご回答ご教授願います、よろしくお願いします。

Answer 1

SyntaxError: Unexpected token u in JSON at position 0
コールバックと引数が一致していない？のでしょうか

いいえ。JSON.parseしようとしたevent.bodyがundefinedだった可能性が高いです。例えば以下のコードで同様のエラーが得られます。

const data = {};
JSON.parse(data.foo);

JSON.parseは渡されたJSONの文字列の先頭が{なら「Objectかな…」[なら「Arrayかな…」、1なら「Numberかな…」、と解析できますが、undefinedだと「先頭uなの！？」となって、結局

SyntaxError: Unexpected token u in JSON at position 0

とエラーを出して止まります。

エラーを先まで見ると、どこで止まったかが書いてあります。

スクリプトの29行目の29文字目でエラーになったようです。スクリプトの29行目を確認しましょう。

    // メッセージの編集
    const parameters = JSON.parse(event.body).result.parameters;

JSON.parseのところだと分かります。このことから、event.bodyが変で、JSONの文字列が渡らなかったのかな、と予想できます。なので、原因を調べるために、以下のように１行追加して、もう一度テストしてみてください。困ったときは、おかしい行の前でconsole.logすれば、たいていの問題は原因がわかります。

    // メッセージの編集
    console.log(event); // 追加
    const parameters = JSON.parse(event.body).result.parameters;

今回の場合、API Gatewayからのアクセス、つまり、HTTPのリクエストがトリガーとなります。このときのeventオブジェクトには、HTTPのヘッダの情報やアクセス元の情報が入っていて、Lambdaのコンソールからテストしたときのような、単純な構造にはなっていません。

Lambdaのコンソールには、API Gatewayからのeventオブジェクトっぽいものでテストするサンプルがありますので、それを使いましょう。

テストイベントの設定から、

API Gateway AWS Proxyを選び、

2行目のbodyにJSONを書いてテストしてください。

ここが問題なければ、AWSLambda → Slackは問題ありません。
次はAPIGatewayのコンソールからAPIGateway → AWSLambdaをテストしましょう。

リクエスト本文にJSONを書いてテストしてください。

ここが問題なければ、APIGateway → AWSLambdaも問題ありません。
次はDialogflow → APIGatewayを確認することになりますが、長くなったので回答はここまでとします。

Comments

[HiroakiKamei]

こんにちは、前回に引き続き丁寧な解説とご迅速な回答ありがとうございます....!!
こちらの返答が遅れてしまいすみません。

ご指摘があったようにLambdaのテストのところにAPIgatewayをあて、
bodyに内容をいれたところエラーがでました。

SyntaxError: Unexpected token o in JSON at position 1
at Object.parse (native)
at exports.handler (/var/task/index.js:30:29)

u→o でオブジェクトになっているとのエラーだと思うのですが、
テストコードのJSONの書き方がわるいのでしょうか？

{
"text": "Posted Slack",
"body": {
"result": {
"parameters": {
"request": "出社",
"date": "2018-02-06",
"building": "本社",
"place": "東京",
"time": "08:30:00"
}
}
},
"resource": "/{proxy+}",
"requestContext": {
"resourceId": "123456",
"apiId": "1234567890",
"resourcePath": "/{proxy+}",
//以下略

よろしくお願いします。

[退会済みユーザー]

３枚目の画像の２行目のところを見てください。bodyはHTTPのリクエストのbodyで、文字列で指定します。したがって、{foo: 'bar'}を送るには、"{\"foo\": \"bar\"}"のようにJSONをJSONの中に書かないといけません。面倒な場合は、ブラウザのコンソールなどでJSON.stringify(JSON.stringify({foo: 'bar'}))とするといいです。

[HiroakiKamei]

回答ありがとうございます、無事AWSLambda → Slackへ送れました！！
引き続きAPIGatewayでテストしてみようと思います、ありがとうございます。

[HiroakiKamei]

度々すいません、APIGatewayで実際にDialogflowから流れてくるJSONを入れたところエラーが出てしまいます...

"errorMessage": "RequestId: bcfe69c8-0beb-11e8-8ad0-dfc413bf363b Process exited before completing request"
}
レスポンスヘッダー
{"X-Amzn-Trace-Id":"sampled=0;root=1-5a7acae7-40080432fcbeae52d359a94b","Content-Type":"application/json"]

[退会済みユーザー]

Lambdaはうまくいったようでよかったです。API Gatewayのエラーについては
(1) まず、Lambdaのログにもエラーがででいるはずですので、確認してみてください。
(2) API Gatewayでテストするときのリクエスト本文を確認してみてください。ここは、JSONのJSONではなく、JSONで大丈夫です。{"body": "hello"} のような感じです。原因はおそらくここじゃないかと思っています。

[HiroakiKamei]

おはようございます、ご返信ありがとうございます。

(1)Lambda側では
SyntaxError: Unexpected token o in JSON at position 1
とでています。APIGatewayでは(2)で仰られたように

{
"text": "Posted Slack",
"body": {
"result": {
"parameters": {
"request": "出社",
"date": "2018-02-06",
"building": "本社",
"place": "東京",
"time": "08:30:00"
}
}
}

を入れて実行しています...

[退会済みユーザー]

console.log(event)
は書いてありますか？
Lambdaでエラーが検知できたということは、console.logで原因がわかるはずですので、console.log(event)して、event.bodyとしてどんなものが渡ってきたのかを確認してください。

console.log(event)
は完成するまで残しておいて、何かあったらすぐに確認できようにしておくといいです。

別件ですが、そのテストデータだと、
JSON.parse(event.body).result.parameters
が取れません。
{"text": ..., "body": {"result": ...}}
ではなくて、
{"result": ...}
が正しいのではないでしょうか。逆に、そのテストデータが正しいなら、Lambdaの方を修正する必要がありますね。

[HiroakiKamei]

おはようございます、コメントありがとうございます。
返信が遅れてしまいましてすいません。

console.log(event)で渡ってきたものは

{ result:
{ parameters:
{ request: '出社',
date: '2018-02-06',
building: '本社',
place: '東京',
time: '08:30:00' } } }

で、(ご指摘があったのでテストデータを{"result": ...}に変更しました)

その後に続くエラーが

SyntaxError: Unexpected token u in JSON at position 0
at Object.parse (native)
at exports.handler (/var/task/index.js:30:29)

となっています。