0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Watson Assistant を no code low code で遊んでみるAdvent Calendar 2022

Day 14

チケットを自動作成する 〜 カスタム拡張機能 (Zendesk Support 編)

Last updated at Posted at 2022-12-14

image.png

この記事では、ピザの注文内容を記録として残るように、チケット管理システムと連携してみます。
ピザの注文に必要な項目は、これまで紹介してきたピザ注文アクションを使って、ユーザーから聞き出します。
その聞き出した項目をカスタム拡張機能を使って繋いだチケット管理システムに送信してみます。

チケット管理システム

カスタム拡張機能は、REST API の仕様を OpenAPI 文書として定義できれば、その文書を読み込むだけなので、接続先システムを限定しません。
今回は、チケット管理システムとして、有人エージェントにバトンタッチしてみる!で使用した Zendesk を使います。
Zendesk は非常に多くの機能を有しており、さらにそれらの機能を REST API 経由で呼び出すことが可能です。
今回はその中でも Zendesk Support を使用してみます。

そして、Watson Assistant は、Zendesk Suppport をカスタム拡張機能を使って接続するための Starter Kit を提供していますので、ほぼ no codeで構成できます。

Zendesk Support に関する事前準備

Zendesk 環境の準備は、有人エージェントにバトンタッチしてみる!を参照ください。 Zendesk Chat が使用できる状態であれば、Zendesk Support も使用できます。
ただし、チケット作成機能を使用するためには、API コール時の認証情報となる アクセス・トークンを入手する必要があります。
アクセス・トークンは、管理センター (https://(サブドメインで置換えます).zendesk.com/admin/apps-integrations/apis/zendesk-api/settings)にアクセスし、トークンアクセス有効化ボタンをクリックしてください。アクセス・トークンが表示されますので、メモしておきます。
image.png

Zendesk に接続する

カスタム拡張機能を作成する

Integrations (カスタム拡張機能) を使用して、Zendesk に接続するための設定を行います。
image.png
カスタム拡張機能をクリックします。
image.png
image.png
image.png
drag & drop する OpenAPI 文書は、こちらの GitHub からダウンロードしてください。
※ファイル名: zendesk-telNum.openapi.json

zendesk-telNum.openapi.json は、配達時刻等、デフォルトで定義されていない情報も送信できるように、一部カスタマイズした内容を含んでいます。

image.png
image.png
注文チケット拡張機能が作成されました。
image.png

カスタム拡張機能に認証情報を設定する

下記手順は、ドラフト環境で利用するカスタム拡張機能に認証情報を設定する手順です。
image.png
image.png
image.png
認証情報をセットします。
image.png

Usernameのところには、メールアドレス/token というように、メールアドレスの後ろに /token を追加してください。
(ex) hoge@fuga.com/token

image.png
ドラフト環境が構成されると、「Add」から「Open」 に表示が変わります。
image.png
以上です。

チケット作成アクションの作成

チケットを自動作成するチケット作成アクションを作成します。
image.png
STEP 1 を構成します。
image.png
STEP 2 を構成します。
image.png
STEP 3 を構成します。
image.png
Parameters の request.comment... の部分は、このように入力してください。
image.png

エラーが発生する場合(文字列として扱われない場合)は、ダブルコーテーション(")で囲ってみてください
"{'サイズ': ${size},'配達時刻: ${time.value}}"

STEP 4 を構成します。
image.png
STEP 5 を構成します。
image.png
以上、チケットを作成するアクションが作成できました。

ピザの注文アクションからチケット作成アクションを呼び出す

ピザの注文内容をチケットに反映するために、ピザの注文アクションからチケット作成アクションを呼び出す処理を追加します。

ピザの注文アクションのSTEP 5 を修正します。
image.png
ピザの注文アクションのSTEP 6 を作成します。
Go to another action を使って、チケット作成アクションを呼び出します。
image.png
以上です。

作成した Actions について

作成した Actions をエクスポートし、こちらのGitHub にアップロードしました。
実際に試される場合は、ダウンロードしてお試しください。
※ファイル名: 初めてのアクション-action.json

試してみる

テストの様子を動画に収めましたので、こちらをご覧ください。

いかがでしたでしょうか

ピザの注文内容を Zendesk Support に送信して、ピザ注文チケットを自動生成してみました。

ピザ注文チケットにより

  • 注文内容が記録として残る
  • ユーザーとの対話が別のシステムに引き継がれたとしても、注文内容を追うことができる

等のメリットがあり、ユーザーも同じことを二度聞かれなくて済む、等のメリットがありますね。
バーチャル・アシスタントを単体で使った場合に比べ、ユーザー・エクスペリエンスが一歩前進しました。

参考情報

公式オンライン・マニュアル: カスタム拡張機能の作成

公式オンライン・マニュアル: アシスタントに拡張機能を追加

Watson Assistant Starter Kits: Zendesk Support

関連記事

Zendesk オンラインマニュアル: Creating and updating tickets

チケット自動作成テスト

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?