tiledesk dashboard
v2.3.2 (Latest stable release)
ワンクリックで Tiledesk をサーバーにインストールしますか?
Docker Compose Tiledesk インストール ガイドを使用する
Tiledesk は、NodeJs と Express で記述された統合チャットボットを備えたオープンソースのライブ チャット プラットフォームです。 Web、Android、iOS のマルチチャネル プラットフォームを使用して独自のカスタマー サポートを構築します。
当初からオープンソースになるように設計されており、私たちはインスタント メッセージングをベースとしたまったく新しい一流のカスタマー サービス プラットフォームを作成するために積極的に取り組みました。
現在のタイルデスクとは何ですか?誰もが必要とするオープンソースの「会話型アプリ開発」プラットフォームになった ？
Tiledesk を使用すると、Web サイトや販売後の顧客サービスの売上を増やすことができます。当社の一流のネイティブ チャットボット テクノロジーを使用して、すべての会話を自動化できます。 API または Webhook を使用して独自のアプリケーションに接続することもできます。さらに、ビジュアル アプリケーション全体を会話内にデプロイできます。また、アプリケーションはチャットボットやエンドユーザーと会話できます。これがクールだということはわかっていますか？
Tiledesk は、まったく新しい方法でマルチチャネルです。チャネルがサポートする画像、ボタン、その他の優れた要素を使用してチャットボット スクリプトを作成できます。ただし、チャットボットの応答を構成するのは 1 回だけです。これらはすべてのチャネルで実行され、Whatsapp、Facebook Messenger、Telegram など、ターゲット チャネルに応じて応答を自動的に調整します。
Tiledesk.com バックオフィス アプリケーションは、MIT ライセンスに基づいて GitHub で入手できます。
この手順に従って環境をセットアップします。
Tiledesk.com クラウド サービスでは、すべてのモジュールが同じオープン ソース ライセンスで利用できることを考慮してください。
Web ウィジェット コンポーネント
iOS ウィジェット API (作業中)
完全な iOS アプリ
完全な Android アプリ
タイルデスク ダッシュボード (このリポジトリ)
すべてのチャット コンポーネントは、GitHub (https://github.com/chat21) からも入手できる Chat21 オープン ソース プロジェクトのおかげで利用できます。
さらに。
ノードと NPM (https://nodejs.org/en) をインストールします。推奨: ノード v14.15.5 (npm v6.14.11)。
複数のアクティブな Node.js バージョンを管理する場合は、ノード バージョン マネージャー (NVM) ツールを使用してノードをインストールします。
npm install -g @angular/[email protected]を使用して angular-cli v7.3.10 をインストールします。
tiledesk-server がインストールされ実行されている (https://github.com/Tiledesk/tiledesk-server.git)
ワンクリックですべての Tiledesk コンポーネントをサーバーにインストールしますか? Docker Compose Tiledesk インストール ガイドを使用する
最新の安定版リリースをインストールします。 Github ページの [リリース] タブで最後のリリースを確認し、実行します。
git clone https://github.com/Tiledesk/tiledesk-dashboard.git --branch
cd tiledesk-dashboard
npm install
API URL とその他の設定は、 remoteConfigがfalseに設定されている場合は、environment.*.ts に直接配置でき、 remoteConfigがtrueに設定されている場合は、 dashboard-config.jsonに配置できます。
remoteConfigがtrueに設定されている場合は、 dashboard-config.jsonという名前のファイルを作成し、それをsrcフォルダーに置きます。
src/environments/にあるenvironment.tsファイルの構成例
export const environment = {
production: false,
remoteConfig: true,
remoteConfigUrl: "/dashboard-config.json",
VERSION: require('../../package.json').version,
...
}
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
CHAT_BASE_URL: "https:///chat",
globalRemoteJSSrc: "https://, https://" // see the section below "Load external scripts"
firebaseAuth : false,
chatEngine: "mqtt", // OR YOUR CUSTOM CHAT ENGINE
updloaEngine: "native", // OR YOUR CUSTOM UPLOAD ENGINE
pushEngine:"none", // OR YOUR CUSTOM PUSH ENGINE
logLevel: "",
wsUrl: 'ws://' + window.location.hostname + '/ws/'
};
logLevel : ダッシュボードは 4 つのログ レベルをサポートします。順序は次のとおりです: Error < Warn < Info < Debugng serveでアプリを実行する
実稼働環境のインストールの場合は、 src/environments/にenvironment.prod.ts ファイルを構成します。
export const environment = {
production: false,
remoteConfig: false,
VERSION: require('../../package.json').version,
...
ng build --prod --base-href ./実行します。
dist フォルダーの内容を Web サーバー (Apache または Nginx など) にコピーします。
aws s3 sync ./dist/ s3://tiledesk-dashboard/dashboard
ポート 4500 で Tiledesk-dashboard を実行するには、次のコマンドを実行します。
curl https://raw.githubusercontent.com/Tiledesk/tiledesk-dashboard/master/.env.sample --output .env
nano .env #configure .env file properly
docker run -p 4500:80 --env-file .env tiledesk/tiledesk-dashboard
npm で Tiledesk-dashboard を実行するには:
開発中
curl https://raw.githubusercontent.com/Tiledesk/tiledesk-dashboard/master/.env.sample --output .env
nano .env #configure .env file properly
npm install -g @tiledesk/tiledesk-dashboard
tiledesk-dashboard
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
...
brandSrc :"https:///",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
BRAND_SRC=https:YOUR_BRAND_SCRIPT_URL
...
src/assets/sass/md/フォルダー内のファイル _variables.scss を編集して色をカスタマイズします。
外部スクリプトをロードするには、environment.*.ts ( remoteConfigがfalseに設定されている場合、または、 dashboard-config.json ( remoteConfigがtrueに設定されている場合)) キーglobalRemoteJSSrcとスクリプトの値をカンマで区切って追加します。
WIDGET_BASE_URL: "https://:4200/",
botcredendialsURL: "https://",
SERVER_BASE_URL: "https:///",
...
globalRemoteJSSrc :"https://, https://",
...
};
SERVER_BASE_URL=YOUR_TILEDESK_SERVER_URL
...
REMOTE_JS_SRC=YOUR_CUSTOM_SCRIPT_URL
...
自動ログインするには、次の例のように、ダッシュボード URL のクエリ パラメーターとして JWT トークンを渡します。
"http://localhost:4200/#/project//home?token="
次の例のように、会話の詳細を表示する (CONVERSATION_ID は support-group-XYZ で始まります) iframe などを使用して、既存のアプリ内でダッシュボードの埋め込みバージョンを実行できます。
""
