Firebaseで作成したLINE Botがローカル環境で動かない

Question

FirebaseでLINE Botをつくっています。

｢firebase serve --only functions, hosting｣ を実行し、｢http://localhost:5000/webhook｣を開いたのですが、

Cannot GET /xxx/us-central1/app/webhook

と表示されてしまいます。

コードは下記です。

index.ts

'use strict';

const functions = require('firebase-functions');
const express = require('express');
const line = require('@line/bot-sdk');

const config = {
    channelSecret: 'channelSecret',
    channelAccessToken: 'channelAccessToken'
};

const app = express();

app.post('/webhook', line.middleware(config), (req: any, res: any) => {
    console.log(req.body.events);
    Promise
      .all(req.body.events.map(handleEvent))
      .then((result) => res.json(result))
      .catch((result) => console.log('error!!!'));
});

const client = new line.Client(config);

async function handleEvent(event: any) {
  if (event.type !== 'message' || event.message.type !== 'text') {
    return Promise.resolve(null);
  }

  return client.replyMessage(event.replyToken, {
    type: 'text',
    text: event.message.text
  });
}

exports.app = functions.https.onRequest(app);

firebase.json

{
    "hosting": {
        "public": "./",
        "rewrites": [{
            "source": "/webhook",
            "function": "app"
        }],
        "ignore": [
            "firebase.json",
            "**/.*",
            "**/node_modules/**"
        ]
    }
}

package.json

{
  "name": "functions",
  "scripts": {
    "lint": "tslint --project tsconfig.json",
    "build": "tsc",
    "serve": "npm run build && firebase serve --only functions --project golfure",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "engines": {
    "node": "8"
  },
  "main": "lib/index.js",
  "dependencies": {
    "@line/bot-sdk": "^6.8.2",
    "express": "^4.17.1",
    "firebase-admin": "^8.6.0",
    "firebase-functions": "^3.3.0",
    "ngrok": "^3.2.5"
  },
  "devDependencies": {
    "tslint": "^5.12.0",
    "typescript": "^3.2.2",
    "firebase-functions-test": "^0.1.6"
  },
  "private": true
}

よろしくお願いいたします。

Answer 1

そもそもLANをWANの概念が解ってないですね。
結論は「localhost」はLAN内のアドレスでLINEBOTはWAN上にサービスがありますからLINEBOT側は「localhost」にアクセスできません。
ngrokを使う必要が有ります。
「LINEBOT ngrok」でググると例があるんで―

Answer 2

app.post('/webhook' で POST のリクエストを想定しているのに、 GET でリクエストを送っているからではないでしょうか。