LINE

Dialogflow と LINE を統合すると、Dialogflow テクノロジーをベースに、自然言語を理解する LINE ボットを簡単に作成できます。

LINE の設定

エージェントの LINE 統合を設定するには、次のものが必要です。

  • LINE アカウント
  • モバイル デバイスにインストールされた LINE アプリ

LINE ボットを作成する

  1. LINE のデベロッパー向けウェブサイトにログインし、[Messaging API] をクリックします。
  2. [Start Now] をクリックします。
  3. 新しいプロバイダを作成するか、既存のプロバイダを選択します。

    新しいプロバイダを作成した場合は、[Messaging API] の下にある [Create Channel] をクリックします。

  4. [Next Page] をクリックします。

  5. アプリの名前と説明を入力します。

  6. プランを選択します。

  7. アプリのカテゴリとサブカテゴリを選択します。

  8. メールアドレスを入力します。

  9. [Confirm] をクリックします。

  10. 次に表示されるページで情報を確認します。

  11. 利用規約のオプションをオンにします。

  12. [Create] をクリックします。

Dialogflow の設定

  1. 左側のメニューで [Integrations] をクリックします。
  2. [LINE] タイルをクリックします。
  3. [Webhook URL] の値をコピーします。

LINE で Webhook を有効にする

  1. 新しく作成したアプリをクリックします。
  2. [Channel access token (long-lived)] で [Issue] をクリックして、チャネル アクセス トークンを発行します。
  3. [Use webhooks] で、[edit] と [Enable] をクリックします。
  4. [Webhook URL] に、前にコピーした URL を貼り付けます。
  5. [Channel ID]、[Channel secret]、[Channel access token] の値をコピーするか書き留めます。

Dialogflow の設定を続ける

  1. 統合ポップアップの [Channel ID]、[Channel secret]、[Channel access token] の各フィールドに、前にコピーしたチャネル ID、チャネル シークレット、チャネル アクセス トークンの値をそれぞれ貼り付けます。
  2. 該当する環境を選択します。
  3. [START] ボタンをクリックします。

テスト

エージェントをテストするには、LINE アプリのメイン画面で横に並んだ 3 つのドットをタップします。次に、QR コードのアイコンをタップし、ボットの設定ページで QR コードをスキャンします。これにより、ボットが会話のリストに追加されます。

リッチ レスポンス メッセージ

次のリッチ レスポンス メッセージがサポートされています。

画像のレスポンス

Dialogflow イメージ レスポンス タイプは、LINE イメージ メッセージ タイプとして LINE に送信されます。

サポートされている形式とサイズは次のとおりです。

  • jpeg
  • 最大サイズ 1 MB
  • 最大画素数 240 × 240

カード形式のレスポンス

Dialogflow カード レスポンス タイプは、LINE テンプレート メッセージ タイプとして LINE に送信されます。

クイック返信のレスポンス

Dialogflow のクイック返信レスポンス タイプは、LINE テンプレート メッセージ タイプとして LINE に送信されます。

カスタム ペイロードのレスポンス

ほとんどの LINE メッセージ タイプはカスタム ペイロード レスポンスで送信できます。

たとえば、次のカスタム ペイロードは LINE テンプレート メッセージを提供します。

{
  "type": "template",
  "altText": "this is a buttons template",
  "template": {
    "type": "buttons",
    "thumbnailImageUrl": "https://example.com/bot/images/image.jpg",
    "title": "Menu",
    "text": "Please select",
    "actions": [
      {
        "type": "postback",
        "label": "Buy",
        "data": "action=buy&itemid=123"
      },
      {
        "type": "postback",
        "label": "Add to cart",
        "data": "action=add&itemid=123"
      },
      {
        "type": "uri",
        "label": "View detail",
        "uri": "http://example.com/page/123"
      }
    ]
  }
}