チャットBotの概要
会話型ボット
Kore.ai のアプローチ
Kore.ai 会話型プラットフォーム
ボットの概念と用語
自然言語処理 (NLP)
ボットタイプ
ボットタスク
Kore.ai プラットフォームを使う
ボットビルダーのアクセス
Kore.ai ボットビルダーを使う
ボットビルダー
ダイアログタスク
ユーザーインテントノード
ダイアログノード
エンティティノード
サポートするエンティティタイプ
複合エンティティ
サポートする色
サポートする会社名
フォームノード
ロジックノード
メッセージノード
確認ノード
サービスノード
カスタム認証の実装
サービスノード用双方向 SSL
スクリプトノード
エージェント転送ノード
Webフックノード
ノードのグループ化
接続と遷移
ダイアログの管理
プロンプトエディタ
標準ボットの構築
設計
開発 - 標準ボット
ストーリーボード
アラートタスク
アラートタスク
無視する単語 & フィールドメモリ
デジタルフォーム
デジタルビュー
知識グラフ
用語
構築
生成
ボットオントロジーのインポート/エクスポート
解析
知識の抽出
スモールトーク
初めてのボット構築
ボット構築を始める
シンプルなボットを構築
インテリジェンス
コンテキスト管理
概要
コンテキスト管理
セッションおよびコンテキスト変数
コンテキストオブジェクト
ダイアログ管理
サブインテント
エンティティの変更
複数インテントの検出
センチメント分析 (英語)
トーン分析
センチメント管理
デフォルトの会話
デフォルトの標準レスポンス
発話テスト
自然言語
概要
機械学習
ML (機械学習) モデル
基本概念
NLP (自然言語処理) の設定 & ガイドライン
知識グラフのトレーニング
示唆
ランキング & リゾルバ
高度な NLP 設定
チャネルの有効化
テスト & デバグ
ボットと会話
発話テスト
バッチテスト
会話の記録 & テスト
ボットの公開
ボットの分析
概要
ダッシュボード
カスタムダッシュボード
会話フロー
ボットメトリクス (英語)
アドバンスド トピック
ボット認証
言語管理
共同開発
IVR 統合
データ テーブル
ユニバーサル ボット
定義
構築
トレーニング
カスタマイズ
言語の有効化
スマート ボット
スマート ボットの定義
イベントベースのボットアクション
koreUtil ライブラリ
ボット設定
ボットの機能
ボット設定
PII 設定
エラーメッセージのカスタマイズ
セッションを管理する
ボット管理
ボットのバージョン
ボット変数
API ガイド
API 概要
API リスト
API コレクション
SDK
SDK 概要
SDK セキュリティ
SDK アプリ登録
Web 上の SDK チュートリアル
メッセージ形式とテンプレート
モバイル SDK プッシュ通知
ウィジット SDK チュートリアル
メッセージ形式とテンプレート
WebSocket 接続
BotKit SDK の利用
インストール
設定
イベント
機能
BotKit SDK チュートリアル - エージェント転送
BotKit SDK チュートリアル - フライト検索サンプルボット
外部 NLP エンジンの利用
ボット管理者
ボット管理者コンソール
ダッシュボード
ユーザー管理
御社ユーザーの管理
御社グループの管理
ロールを管理
ボット管理
エンロール
ユーザーの招待
一括招待
ユーザーのインポート
AD からユーザーを同期
セキュリティ & コンプライアンス
シングル サインオンを使う
セキュリティの設定
クラウド コネクタ
分析
請求処理
How To
シンプルなボットの構築
バンキングボットの構築
送金タスク
残高の更新タスク
知識グラフを作成
知識グラフへ抽出したFAQを入力
スマート アラートのスケジュール
エージェント転送の設定
パネルやウィジットの設定
デジタル ビューの設定
デジタル フォームの設定
データをデータテーブルに追加
データテーブルのデータを更新
フォームデータをデータテーブルに追加
コンテキストの切り替え
意図を使う
インテントやエンティティのパターン
エンティティ ルール
マルチ言語なボットの動き
カスタム ダッシュボード
ボット メトリクスをフィルターするためのカスタムタグ
グローバル変数
コンテンツ変数
ボット機能を使う
ボットリリースのライフサイクル
グループノードを利用したインテントのスコーピング
Kore-Unblu インテグレーション
  1. Home
  2. Docs
  3. Bots
  4. SDKs
  5. Kore.ai ウィジェット SDK チュートリアル

Kore.ai ウィジェット SDK チュートリアル

このチュートリアルは、ボットからの情報を表示し、ボットとの対話を可能にするウィジェットをホストするために、Kore.ai ボット Web SDK のインスタンスを設定して実行するためのエンド ツー エンドのウォークスルーです。

ウィジェット SDK の概要

Kore.ai ウィジェット SDK をホストする方法は、2 種類あります:

  • WebSDK と共同でホスティングし、Web/モバイル クライアントと ウィジェット SDK の両方のチャネルを有効にして設定します。
  • 個別に ー ウィジェット SDK チャネルのみを有効にして設定します。

このチュートリアルでは、両方のバリエーションの手順を示します。

Kore.ai ウィジェット SDK のインストールと実行

このセクションでは、ウィジェット SDK を使用して Kore.ai ボットを実行する方法と、コンピュータのローカル ホスト サーバー上で動作するテスト アプリケーションの詳細な手順を説明します。必要条件

  1. はじめに、テスト アプリケーションで実行するために、デジタル ビューでボットを構築する必要があります(デジタル ビューについてはこちらをご覧ください)
  2. 新しいクライアント アプリを作成するか、または既存のクライアント アプリを使用し、チャネル設定を行うことで、上記ボットの ウィジェット SDK チャネルを有効にする必要があります。詳しい手順についてはこちらをご覧ください
  3. WebSDK とともに パネルとウィジェット を共同ホストする場合は、新規のクライアント アプリを作成するか、既存のクライアント アプリを使用して、上記ボットの Web/モバイル クライアント チャネルを有効にし、チャネル設定を定義する必要があります。詳しい手順についてはこちらをご覧ください
  4. ボットの公開します。
  5. [チャネル > 設定済みチャネル] をクリックして、設定されたウィジェット SDK チャネルを開きます。「設定」タブでは、以下の項目をメモします。のちほど、ウィジェット SDK のセットアップでこれらを使用します:
    • ボット名
    • ボット ID
    • クライアント ID
    • クライアント シークレット
  6. パネルとウィジェット を Web/モバイル SDK と共同でホストする場合は、[チャネル > 設定済みチャネルチュートリアル] から、設定済みのWeb/モバイル クライアント チャネルを開きます。「設定」タブで、以下の項目をメモします。のちほど、ウィジェット SDK のセットアップでこれらを使用します:
    • ボット名
    • ボット ID
    • クライアント ID
    • クライアント シークレット

次の手順では、 ウィジェット SDK に必要なソフトウェア パッケージと、ローカル ホスト サーバー上でボットをローカルに実行するテスト アプリケーションをダウンロード、解凍、インストール、および設定します。ご要件に応じて、以下の適切なセクションをご覧ください:

  • パネルを個別にホストするか、または
  • Web SDK とパネルを共同ホストします。

パネルを個別ホストするためのセットアップ: Kore.ai ウィジェット SDK をダウンロードするには、https://github.com/Koredotcom/web-kore-sdkにアクセスして [ダウンロード] をクリックします。すべてのファイルを …/SDKApp/sdk フォルダに解凍します。

  1. UI フォルダを開きます。
  2. を見つけて開きます kore-widgets-config.js
  3. ボット ビルダーで作成したウィジェット SDKチャネル設定を使用して、botOptions を設定します。
    • botOptions.botInfo
    • botOptions.clientId
    • botOptions.clientSecret
  4. ブラウザで index_widgets.html のファイルを開くと、パネルが表示されます。この <div> 要素をウェブサイトの html ページに追加すると、そこでパネルをホストすることができます。

Web/モバイル SDKでパネルを共同ホストするための設定: Kore.ai ウィジェット SDK をダウンロードするには、https://github.com/Koredotcom/web-kore-sdk にアクセスして [ダウンロード] をクリックします。すべてのファイルを …/SDKApp/sdk フォルダに解凍します。

  1. UI フォルダを開きます。
  2. を見つけて開きます kore-config.js
  3. botOptions を、Bot ビルダーで作成したWeb/モバイル クライアントチャネル設定を使用して、設定します。
    • botOptions.botInfo
    • botOptions.clientId
    • botOptions.clientSecret
  4. 開きます。 kore-widgets-config.js
  5. botOptions を、ボット ビルダーで作成した「ウィジェット SDK」チャネル設定を使用して、設定します。
    • botOptions.botInfo
    • botOptions.clientId
    • botOptions.clientSecret
  6. index_widgets_chat.html ファイルをブラウザで開くと、ウィジェットとともにチャット ウィンドウが表示されます。
メニュー