Azure Functions と LINE Notify の組み合わせ（Node.js を利用、ポータルで開発） #JavaScript

この記事は、Azure Functions に HTTPリクエストを送ると、LINEアプリに通知が来る（LINE Notify を利用）という仕組みを軽く試したものです。

Azure Functions周りの開発や設定は、Azure のポータル上で行いました。

手順の概要

今回の手順は、おおまかには以下のとおりです。

LINE Notify のトークンを取得
Azure のポータル上で Azure Functions を使えるようにする
Azure Functions でのコーディング前の準備
- axios をインストール
- 環境変数を設定
Azure Functions でのコーディング

実際に進めていく

LINE Notify のトークンを取得

LINEアプリへの通知を簡単化するため、LINE Notify を利用します。

ググったりすると情報が出てくると思いますので、手順の詳細は割愛しますが、おおまかには以下のような流れです。

まず、LINE Notify のページにログインをして、画面右上のメニューから「マイページ」へ移動します。

そこで、「アクセストークンの発行(開発者向け)」という部分があるので、「トークンを発行する」と書かれたボタンを押します。

その後のトークンの発行画面では、トークンの名前（何か自分が分かりやすいもの）と、LINEアプリ上で通知を送る先となるトークルームを指定します。

上記の設定を行って、「発行する」ボタンを押すと、以下のトークンが表示される画面が出てきます。

以下の画面で表示されるトークンは、再表示ができないため、ここで必ずコピーしてメモなどしておいてください。

Azure Functions 関連

サンプルを動かす

まずは、以下の公式ドキュメントの手順の「関数をテストする」の部分まで進めてください。

●Azure Portal で初めての関数を作成する | Microsoft Docs
　https://docs.microsoft.com/ja-jp/azure/azure-functions/functions-create-function-app-portal

サンプルは、以下のような内容になるかと思います。

module.exports = async function (context, req) {
    context.log('JavaScript HTTP trigger function processed a request.');

    const name = (req.query.name || (req.body && req.body.name));
    const responseMessage = name
        ? "Hello, " + name + ". This HTTP triggered function executed successfully."
        : "This HTTP triggered function executed successfully. Pass a name in the query string or in the request body for a personalized response.";

    context.res = {
        // status: 200, /* Defaults to 200 */
        body: responseMessage
    };
}

プログラムを書いた後、ブラウザなどから HTTPリクエストを送り、意図した通りのレスポンスが返ってくれば OK です。

axios を使えるようにする

この後、LINE Notify を使った通知の処理で、axios　を利用していきます。
Azure Functions　で axios　を使えるようにするために、パッケージのインストールを行います。

今回は、ポータル上でそれを進めます。
ポータルのメニューで「開発ツール」 > 「コンソール」と進み、以下のような画面を開きます。

あとは以下の記事にもあるように、上記の画像の右側の部分で npm init や npm install を行っていき、axios をインストールします。

●Azure Functions に npm install で Node モジュールを追加する｜まくろぐ
　https://maku.blog/p/9t7hs4e/

環境変数を追加する

上の手順で発行した LINE Notify のトークンを、プログラムの中に直書きするのではなく、環境変数として設定して利用する形にしていきます。

そのために、ポータル上で環境変数の追加を行います。
ポータルのメニューで「設定」 > 「構成」と進み、「アプリケーション設定」の中の「新しいアプリケーション設定」を押します。

そうすると、以下の画面が出てくるので、名前と値をそれぞれ設定しましょう。

自分は、以下のようにしました。

名前： LINE_NOTIFY_TOKEN
値：【LINE Notify のトークン】

プログラムに手を加える

あとは、LINE Notify と連携する処理を加えたプログラムを作成します。

上で試したサンプルを元に、axios で POST する処理を加えたりしました。
LINE Notify のトークンは、上で環境変数に追加していたので、そこから読み込みます。

module.exports = async function (context, req) {
    context.log('JavaScript HTTP trigger function processed a request.');

    const name = (req.query.name || (req.body && req.body.name));
    const responseMessage = name
        ? "Hello, " + name + ". This HTTP triggered function executed successfully."
        : "This HTTP triggered function executed successfully. Pass a name in the query string or in the request body for a personalized response.";
    context.res = {
        body: responseMessage
    };

    const axios = require('axios');
    const querystring = require('querystring');

    const messageLineNotify = name 
        ?`Hello! ${name} from Azure`
        :`Hello! from Azure`;
        
    const res = await axios({
        method: 'post',
        url: 'https://notify-api.line.me/api/notify',
        headers: {
            'Authorization': 'Bearer ' + process.env["LINE_NOTIFY_TOKEN"],
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        data: querystring.stringify({
            message: messageLineNotify,
        }),
    });
    context.log(res.data)
}

あとは、動作確認を行うだけです。

動作確認

以下のように、HTTPリクエストをトリガーにして、LINE Notify を使った LINEアプリへの通知ができました。

元の仕組みの中で、URL の末尾に「クエリ文字列の値 ?name=【文字列】」があった場合、その文字列がレスポンスに使われるという部分がありました。
LINEアプリへの通知の処理でも、この文字列の有無によって、通知の文章を少し変えるようなことをやっています。

おわりに

環境変数を設定したり、axios による POST の処理を使うような形で、Azure Functions と LINE Notify の組み合わせを試すことができました。

今回、シンプルな内容で試しましたが、さらに別のアプリやサービスとの連携なども加えたりできればと思います。