LINE Bot に設定を反映

LINE Bot と Functions がやりとりできるように LINE Messaging API に Functions でつくったメッセージサーバの URL を教えてあげて、実際にやり取りできるようにします。

左メニューから「関数」をクリックして、関数の一覧が表示されるので、さきほど作成した HttpTrigger1 をクリックします。

コードとテストをクリックします。

コードエディタのコードをすべて選択して以下のコードで上書きします。

// LINE Bot SDK ライブラリの読み込み
const line = require('@line/bot-sdk');

// チャンネルアクセストークンとチャネルシークレット設定
const config = {
    channelAccessToken: 'channelAccessToken',
    channelSecret:  'channelSecret',
};

// LINE Bot SDK ライブラリを呼び出しつつ設定
const client = new line.Client(config);

module.exports = async function (context, req) {
    context.log('LINE Bot start...');
    if (req.query.message || (req.body && req.body.events)) {
        if (req.body && req.body.events[0]) {
            // 返答用に受信したメッセージをそのまま入れてオウム返しに
            const message = {
                type: "text",
                text: req.body.events[0].message.text
            }
            context.log(message);
            // 実際に LINE にオウム返しする処理
            if (req.body.events[0].replyToken) {
                client.replyMessage(
                    req.body.events[0].replyToken,
                    message
                );
            }
        } else {
            context.res = {
                status: 200,
                body: req.query.message
            };
        }
    }
    else {
        // LINE 以外のアクセスだとこちらを返信（ブラウザ確認用）
        context.res = {
            status: 200,
            body: "Hello! LINE Bot + Azure Functions!"
        };
    };
};

上書きできたら、LINE Bot の設定を反映します。

// チャンネルアクセストークンとチャネルシークレット設定
const config = {
    channelAccessToken: 'channelAccessToken',
    channelSecret:  'channelSecret',
};

こちらに注目します。

channelAccessToken: 'channelAccessToken',

'channelAccessToken' のところのシングルクオーテーションの中を、今回動かしたい LINE Bot のチャネルアクセストークンに書き換えます。

もし、チャネルアクセストークンが ABCDEFG の場合は、両脇のシングルクオーテーションを 残して書き換えるので 'ABCDEFG' になります。

channelSecret:  'channelSecret',

'channelSecret' のところのシングルクオーテーションの中を、今回動かしたい LINE Bot のチャネルシークレットに書き換えます。

もし、チャネルシークレットが 12345678 の場合は、両脇のシングルクオーテーションを 残して書き換えるので '12345678' になります。

設定できたらコードを保存します。

正しく入力されていれば channelSecret は文字数が少なく、channelAccessToken は文字数が多いものになります。

📝参考資料

• Azure FunctionsでLINE Bot作成 - Qiita
  • https://qiita.com/RyogaTakao/items/a86522d560178f83652c

関数 URL を取得して動作確認

関数 URL の取得ボタンをクリックします。default のキーの URL 値を確認します。

こちらのコピーボタンをクリックします。この関数の URL がコピーされます。

ブラウザで別タブを表示して URL をアドレスバーにペーストして Enter キーを押してアクセスしてみましょう。このような画面が表示されていれば、上手く動作しています！

LINE Developers の設定

LINE Developers にアクセスして、今回動かしたい LINE Bot の設定ページにアクセスして Messaging API 設定 のページに移動します。

スクロールして Webhook 設定 を探します。 Webhook の利用がオンになっていることを確認しましょう。確認できたら編集ボタンをクリックします。

Webhook URL が編集できるので、さきほど確認した今回の関数 URL をペーストして更新ボタンをクリックします。

これで LINE Bot の設定は完了です！