Node-RED 「node-red-contrib-wws」のお勉強-その２

こんばんは

皆様はもうお盆休みに入っていますでしょうか

週末は晴れれば猛暑、天気が悪いとゲリラ豪雨というお出掛けするにも難しい日々ですね

さて、前回「node-red-contrib-wws」を使ってAction Fulfillmentを実装しかけていました

今回、実装してみたので紹介していこうと思います。

まずは、IBM Championの吉田さんのAction Fulfillmentのブログを（勝手に）参考にさせていただきました。

https://www.ibm.com/developerworks/community/blogs/YoshidaTakeshi/entry/2017%E5%B9%B47%E6%9C%8823%E6%97%A5_14_43_38?lang=en_us

このブログがなかったら実装できなかったです

最初に伝えておきます・・・

実装はできたんですが・・・

「正解ではない気がします」

その理由も後にわかると思います・・・

１）Watson Assistantの設定を変更する

IBM Cloudから　Watson Assistant を選択し、

今回のAction Fulfillment用に作成したWorkspaceを開き、Entitiesを選択、新しく「開発依頼」を追加します。

Value name:開発依頼

Synonyms:開発　と　依頼　と　Dev　　追加します（とりあえず）。

次にDialogを開き、

「Add response condition」の右にあるメニュー（○３つ）をクリックします。
表示された「Open JSON editor」をクリックします。

Conversation サービスが response として返す JSON の編集画面になります。

https://developer.watsonwork.ibm.com/docs/tutorials/action-fulfillment

上記マニュアルを参考に以下のJSONを追記します。

{
  "output": {
    "actions": [
      "開発依頼"
    ]
  }
}

Watson Assistantの設定は以上です。

２）Node-REDの画面に戻り、前回のノードから以下のノードに変更します。

まず上の赤枠のノード、Filter Actionsの設定は以下のようにしました。

次に下の赤枠のノード、Filter Annotationsの設定は以下のようにしました。

３）Filter Annotationsノードに以下のノードを追加しました。

switchノードは以下のように設定しました。

Filter AnnotationsノードのアウトプットのactionIdを見て処理を分岐します。

まずは以下のFunctionノードの設定です。

Watson Work Services へプライベートダイアログを表示するように指示します。

マニュアルを見るとGraphQL を記述し送信すると書いてあるようです。

send GraphQL queryノードが使えそうですね

早速、send GraphQL queryノードの説明を見ると・・・

こんな風にGraphQL書くんだよーとサンプルがあったので、

以下のように書いてみました。

conversationIdは出力された中にあるので、そのまま追記しました。

targetDialogIdも同じで出力された中にあるので、そのまま追記しました。

targetUserIdは見当たらないので、サンプルと出力が一番近い形のものを探してみました。

createdByが一番近い形だったので、createdByを記述しました。

サンプルを記述しておきます。

msg.payload = `
mutation {
    createTargetedMessage(input: {
      conversationId:"`+ msg.payload.conversationId + `"
      targetUserId: "`+ msg.payload.createdBy + `"
      targetDialogId: "`+ msg.payload.targetDialogId + `"
      annotations: [
      {
        genericAnnotation: {
          title: "開発者の選択",
          text: "誰に開発をお願いしますか？"
          buttons: [
            {
              postbackButton: {
                title: "ボタン1",
                id: "sample1",
                style: PRIMARY
              }
            },
             {
              postbackButton: {
                title: "ボタン2",
                id: "sample2",
                style: PRIMARY
              }
            }
          ]
        }
      }
      ]
      }) {
      successful
    }
}`
return msg;