文字起こし君で「TypeError: undefined からプロパティ「postData」を読み取れません。」エラーが出るのを解決したい

Question

「独学プログラマーのためのAIアプリ開発がわかる本」で文字起こし君をつくっているのですが、記述したコードを実行した際に以下のエラーが出てきます。

●記述コード

function doPost(e) {
  const LINE_ACCESS_TOKEN = 'LINE_ACCESS_TOKEN';
  const lineJson = JSON.parse(e.postData.contents);
  const replyToken = lineJson.events[0].replyToken;
  const messageId = lineJson.events[0].message.id;
  const lineImageUrl = "https://api.line.me/v2/bot/message/" + messageId + "/content/";
  const lineImageResponse = UrlFetchApp.fetch(lineImageUrl, {
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      "Authorization": "bearer" + LINE_ACCESS_TOKEN
    },
    'method': 'get'
  })
  .getContent();
  const lineImageBlob = Utilities.base64Encode(lineImageResponse);
  console.log(lineImageBlob);
  
  const API_KEY = ${API_KEY};
  const visionRequestUrl = 'https://vision.googleapis.com/v1/images:annotate?key=' + API_KEY;
  const payload = JSON.stringify({
    "requests":[
      {
        "image": {
          "content": lineImageBlob
        },
        "features": [
          {
            "type": "TEXT_DETECTION",
            "maxResults": 1
          }
        ]
      }
    ]
  });
  const visionTextResponse = UrlFetchApp.fetch(visionRequestUrl, {
    method: "POST",
    contentType: "application/json",
    payload: payload,
  })
  .getContent();
  const visionTextJson = JSON.parse(visionTextResponse);
  const visionText = visionTextJson.response[0].fullTextAnnotation.text;
  console.log(visionText);
}

●エラー文
TypeError: undefined からプロパティ「postData」を読み取れません。（行 3、ファイル「コード」）

●ご質問
テキスト通りにコード記述をしたのですが、何が原因なのかがわかりません。
お知恵をお借りできませんでしょうか。
どうぞよろしくお願いいたします。

Comments

[mistn]

lineのアクセストークンがそのまま書かれているようですが大丈夫ですか？
今すぐ質問の編集とトークンの変更を行ったほうが良いと思います。
google vision apiのkeyもそのまま載せてますね、こちらも今すぐ変更したほうがいいです。

[graphic-ocean]

mistnさん、ご指摘まことにありがとうございます。
修正対応いたしました。

[mistn]

実行したというのは 実行→関数を実行→doPost で実行したということでしょうか？であればdoPostに渡されるものがないのでエラーになると思います。

[graphic-ocean]

ご回答ありがとうございます。
エラーをなくすためにはdoPostに渡すものが必要ということでしょうか。
どこに追加記述をするべきか、もしわかればご教示いただけますと幸いです。

Answer 1

Lineからのメッセージを受け取って処理していると思うので、Lineと連携させる設定を行うのが手っ取り早いです。
そのほかの選択肢としてテスト用の関数を作ってその中でdoPostを呼び出すという方法もあります。

function doPosttest(){
  // doPostに渡す引数
  var e = {"postData":{"type":"","length":3,"contents":"test contents","name":"postData"}};
  doPost(e)
}

Comments

[graphic-ocean]

ありがとうございます。
改めてコード記述を見直し、LINEからメッセージを送ってみたところ、Apps Scriptダッシュボード上で実行中の表示が出るようになりました。
ただ、メッセージの返信が無いのでまだ修正点がありそうです。

"Authorization": "bearer" + LINE_ACCESS_TOKEN
↓
"Authorization": "Bearer " + LINE_ACCESS_TOKEN

Bearerの後に半角スペースも空けるようにしてみました。

[graphic-ocean]

さらにコード記述を見直し、抜けていたところを見つけました。

下から3行目
const visionText = visionTextJson.response[0].fullTextAnnotation.text;
↓
const visionText = visionTextJson.responses[0].fullTextAnnotation.text;

responseをresponsesにしたところメッセージの返信があり、無事に文字起こし君が稼働しました。

色々とご教示いただき、ありがとうございました。