C#で開発するLINE Botアプリケーション(環境構築：Visual Studio 2017 + Azure Functions編)

この記事では、Visual Studio 2017とAzure Functionsを使用してLINE Bot アプリケーションを開発を行う手順を解説します。

１．Azure アカウント、LINE@ アカウントの準備

Microsoft Azureのアカウントを持っていない場合は、作成しておきます。

Azure Functions では無料のサービスプランを選択することはできないため、3000円/月のクレジットが1年間付いてくる「Visual Studio Dev Essentials」の利用をお勧めします。

LINE Messaging API を利用するLINE@アカウントを作成します。

作成や設定の手順はこちらの記事の「LINE のセットアップ」を参照ください。 - qiita.com

Visual Studio Market Placeから「LINE Bot C# Template」をインストールします。
以下のリンクで「Download」をクリックしてダウンロードしたVSIXファイルを実行するか、Visual Studioのメニュー[ツール]-[拡張機能と更新プログラム...]から「LINE Bot C# Template」を検索してインストールします。 marketplace.visualstudio.com
インストール後、Visual Studio 2017 を起動し、メニューから[ファイル]-[新規作成]-[プロジェクト]を選択します。
「新しいプロジェクト」ダイアログで[Visual C#]-[Cloud]のカテゴリ内にある「LINE Bot Function」を選択します。
プロジェクト名を入力し、「OK」をクリックします。（ここで入力したプロジェクト名が作成するAzure Functionの関数名の既定値となります。）

f:id:pierre3:20180318160255p:plain:w800

メニュー[ビルド]-[ソリューションのビルド]を選択し、ビルドエラーがないことを確認します。

f:id:pierre3:20180318160435p:plain:w400

f:id:pierre3:20180318160708p:plain:w800

App Serviceの作成ダイアログで、作成するFuncsion App Serviceの設定を行います。
- リソースグループ、サービスプラン、ストレージアカウントは既存のものを選択するか新規に作成します。
- この画面の設定方法については「Visual Studioを使用してはじめての関数を作成する」を参照ください。

f:id:pierre3:20180318161128p:plain:w400

LINE Developers Console で、作成したBotアカウントを選択し、Channel基本設定画面を開きます。

f:id:pierre3:20180318162734p:plain:w800

メッセージ送受信設定の「Webhook送信」を「利用する」に設定します。
「Botのグループトーク参加」を「利用する」に設定します。
「Webhook URL」に、作成したFunctionのURLを入力します。
入力するAzure FunctonのURLは、既定では『https://{App ServiceのApp Name}.azurewebsites.net/api/{Function名}』となります。

f:id:pierre3:20180318164136p:plain:w600

f:id:pierre3:20180318165111p:plain:w600

また、この画面に記載されているChannel Secret とアクセストークンの値は、この後の設定で必要となりますので確認しておきます。

Azureポータルで、作成したAzure Functionを選択して[Application Settings]画面を開きます。
アプリケーション設定の一覧に、先ほどのChannel基本設定画面で確認した「Channel Secret」と「Channel Access Token（アクセストークン(ロングターム)）」を追加します。

f:id:pierre3:20180318170305p:plain:w800