leopard chat ui teneoダウンロード - leopard chat ui teneoソースコードのダウンロード

leopard chat ui teneo

AI ソースコード

Release 3.2.1

ダウンロード

概要 • インストール • 機能 • ドキュメント • デモ • 貢献 • 著者 • サポート • ライセンス

について

Leopard Chat UI は、 Teneo 用の機能豊富なチャットクライアントです。 Teneo は各応答とともに豊富なデータを返すことができ、Leopard はこれらの応答を活用してインタラクティブなチャットエクスペリエンスを提供します。

Leopard は、実稼働モードとセールスエンジニアリングモードの両方で使用できます。セールスエンジニアリングモードを使用すると、多数の会話型デモンストレーションを簡単に構成したり、ディープリンクしたり、共有したりできます。

会話型ソリューションごとにチャット UI の外観を調整できる管理インターフェイスが提供されます。

ヒョウチャット

で構築

Vue.js
ヴエティファイ

インストール

Windows ユーザー

Windows で開発している場合は、 npm install実行する前に、 node-gypをインストールする必要がある可能性があります。いくつかのネイティブノードモジュールをコンパイルする必要があります。 Windows でこれを有効にするには、この 1 つのライナーを実行します。完了するまでにしばらく時間がかかりますが、実行するのは 1 回だけです。 PowerShell を管理者として起動し、次のコマンドを実行します。

npm install --global windows-build-tools

ダウンロードとインストールの手順:

git clone https://github.com/jolzee/leopard-chat-ui-teneo
cd leopard-chat-ui-teneo
npm install

構成

Leopard は、コメント化されたJavaScript モジュールである/config/default.jsを使用して構成されます。設定をdefault.jsに直接追加することも、隣接するlocal.jsに追加することもできます。local.jsが優先されて.gitignoreに追加されます。会話型ソリューションは、プロジェクトのルートにある.env.solution.jsonファイルを通じて構成されます。 Leopard を実行/構築する前に変更を加えたい場合は、今すぐ変更してください。

開発モードでローカルで実行する

npm run serve

実稼働用にビルドする

ビルドプロセスでは、Webpack を通じてソースコードが実行され、最終ビルドが/distフォルダーに生成されます。

npm run build

導入

/dist内のすべてのファイルを任意の Web サーバー (例: https://mydomain.com/leopard/にコピーします。

https://mydomain.com/leopard/にアクセスすると、チャット UI をセールスエンジニアリングモードで使用できるようになります。

本番環境への組み込み

Leopard Chat UI をページ上の特定の要素に挿入できます。これは、特定のタブオーダーに配置したい場合に便利です。これを有効にするには、ページの任意の場所に<div id="leopardChatWindow"></div>を追加します。ただし、これは必須ではありません。これが存在しない場合、UI は本文の先頭に自動的に挿入されます。

 < script type =" text/javascript " >
  window . TENEOCTX || ( TENEOCTX = { } ) ;
  TENEOCTX = {
    init : {
      trustedDomain : "" , // something like http://localhost:8080 // "" = receive and post messages to all domains
      allowScripts : true // false = if you want to disable potential eval
    } ,
    ctx : {
      eventSource : "leopard-embed" ,
      pageTitle : document . title ,
      pageUrl : window . location . href ,
      pageTopic : "Help" ,
      message : "This was sent from the customer's web site"
    }
  } ;
</ script >

< div id =" leopardChatWindow " > </ div >

< script src =" https://mydomain.com/leopard/static/embed-leopard.js " > </ script >

特徴

	サポートされています
ASR&TTS	✔️
アラート	✔️
すべての最新ブラウザと IE 11	✔️
回答テキストの書式設定 - HTML とマークダウン	✔️
オーディオプレーヤー	✔️
オートスイッチソリューション	✔️
ボタン	✔️
カード	✔️
カスタムフォーム	✔️
カスタム HTML モーダル	✔️
カスタム応答アイコン	✔️
ダークモード	✔️
日付と時刻のピッカー	✔️
質問へのディープリンク	✔️
動的なテーマの変更	✔️
緊急ボタン	✔️
高価な操作	✔️
拡張ヘルパー (Groovy)	✔️
フィードバックフォーム	✔️
フィールドマスク	✔️
フィールドタイプ - [電子メール / パスワード / 場所 / アップロード]	✔️
Firebaseソーシャル認証	✔️
地理的コンテキストのキャプチャ	✔️
入力を Teneo に送り返すハイパーリンク	✔️
画像カルーセル	✔️
画像	✔️
入力フィールドのヘルプテキスト	✔️
LiveChatInc.com	✔️
地図	✔️
プロアクティブなダイアログ	✔️
Sentry と LogRocket - ロギングとレポート	✔️
分割された回答	✔️
テーブル	✔️
テーマ性のある	✔️
乾杯	✔️
ビデオプレーヤー (YouTube、Vimeo、mp4)	✔️
i18n	✔️