Direct Line APIに公開

Direct Line APIを利用して、DialogPlayで作成したチャットボットを公開する機能です。
Direct Line APIを利用した場合、以下の例のように多様な使い方が可能となります。
例:社内システムとの連携で、会話内で取得した機能を呼び出す
例:IoTデバイスとの連携で、来訪者対応をする
例:ウェブサイトに組込み、デザインなどを詳細にカスタマイズする
例:スマートフォンアプリに組込み、キャラクターと会話をする

なお、この機能はベータ機能を有効化することでお試しいただけます。
ベータ機能は、将来的に互換性のない変更や機能の廃止が行われる可能性があります。予めご了承ください。
ベータ機能を有効にする方法は、 こちら をご覧ください。

※Direct Line API機能は、 Standardプラン以上 でのみ、ご利用いただけます。

  手順

  1. 左メニューの『アプリケーション』を選択し、”新規作成“ボタンをクリックしてください。

  2. 『チャットボット公開先』に「Direct Line API」を選択し、『アプリケーション名』を入力してください。
    次に『公開するチャットボット』に対象となるチャットボットを選択してください。

    以下機能については、必要に応じて設定してください。
    機能名 説明
    接続許可IPアドレス
    指定した接続元以外からのアップロードされた画像等へのアクセスを制限します
    IPアドレスまたはネットワークアドレス(CIDR形式)での指定が可能です
    複数指定する場合はカンマ区切りで記述してください
    ※ 接続許可IPアドレス機能は、 Advanceプランのみ でご利用いただけます

  3. 公開“ボタンをクリックしてください。

  4. 「現在アプリケーションの公開処理中です。しばらくお待ちください。」というメッセージが表示されますので、そのままお待ちください。

  5. 「アプリケーションの公開が完了しました」というメッセージが表示され、『シークレットキー』が生成されます。
    必要に応じて、”コピー“ボタンをクリックして、シークレットキーをコピーしてください。

  6. 続いて動作確認を行います。
    以下の例を参考にhtmlファイルを作成し、公開処理時に取得したシークレットキーを設定してください。
    ※ユーザー名を設定しない場合は【ユーザー名(任意)】部分を削除してください。
    
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <style>
          * {
            margin: 0px;
            box-sizing: border-box;
          }
    
          html, body, #webchat,
          #webchat > * {
            height: 100%;
            width: 100%;
          }
        </style>
      </head>
      <body>
        <div id="webchat" />
        <script src="https://cdn.botframework.com/botframework-webchat/latest/botchat-es5.js"></script>
        <script>
          window.WebChat.renderWebChat({
            directLine: window.WebChat.createDirectLine({ secret: '【シークレットキー】' }),
            user: { id: '【ユーザー名(任意)】' }
          }, document.getElementById('webchat'));
        </script>
      </body>
    </html>
    
    

  7. 作成したhtmlファイルをブラウザで開き、動作を確認してください。
    ※Chrome環境推奨

    Direct Line APIでは、「Yes/No」、「選択肢」項目の場合、項目名と合わせて番号が表示されます。
    項目をクリック、または番号を入力するか、選択肢の項目(例:11.6型 ノートPC)を入力することで、項目の選択が可能となります。
Last updated on 2019/05/13.