はじめに、リソースグループを作成します。
Azureポータル を開き、上部の検索バーから「リソース」と入力し「リソース グループ」を選択します。
「作成」ボタンから、リソースグループ作成画面を開き、情報を入力します。
「確認および作成」タブより、「作成」ボタンを押下します。
次に、Azure Functionsのリソースを作成します。
作成したリソースグループを開き、「作成」ボタンを選択します。
リソースの作成画面が開けたら、「関数アプリ」を選択します。
下記スクリーンショットに倣って情報を入力します。
入力後「確認および作成」を選択、確認および作成の画面で「作成」と移ってください。
以下のように「デプロイが完了しました」と表示されれば、Azure Functionsリソース作成完了です。
作成したAzure Functionsリソースにサンプルコードをデプロイします。
Visual Studio Codeを開き、Azure Tools拡張機能を追加します。
「Functionsリソース作成」手順にて作成したAzure Functionsを右クリック選択し、「Deploy to Function App」を選択します。
「Select the folder to deploy」入力欄が表示されたら、Browseから Functions フォルダを選択します。
「Initialize project for use with VS Code?」と出たらYesを選択してください。
「Deployment to "リソース名" completed.」と通知が出たらデプロイ成功です。
LINE Developers Console を開きます。
プロバイダーを登録していない場合は、任意の名前で登録します。
LINE Messaging APIのチャネルを作成します。
↓のアイコンを選択します。
必須項目に任意の値を入力し、利用規約の同意にチェックした後「作成」を選択します。
次に、Messaging APIに関する各種設定を行います。
「Messaging API設定」タブを開きます。
応答メッセージをオフにします。（オンの状態だと、毎回定型文が返答されてしまうため）
チャネルアクセストークンを発行し、コピーします。
発行したチャネルアクセストークンを下記手順でAzure Functionsに設定します。
- 先に作成しておいたFunctionsのリソースへ移動
- リソース画面の左サイドメニューにある設定→構成へ移動
- アプリケーション設定に「新しいアプリケーション設定」を追加
- 名前：
LINE_CHANNEL_ACCESS_TOKEN - 値：先程コピーしたチャネルアクセストークン
- 名前：
- 「保存」ボタンを押下
Webhookの設定を更新します。
AzureポータルよりFunctionsのURLを取得します。
Messaging API設定画面のWebhook URLに入力し、更新後、「Webhookの利用」をオンにします。
Messaging API設定画面中で確認できるQRコードを読み込み、LINE友達登録します。
LINEを開き、送信したメッセージと同じメッセージが返信されることを確認します。
確認できたら、次のステップ「Webアプリの作成」へ進みます。