關於 • 安裝 • 功能 • 文件 • 演示 • 貢獻 • 作者 • 支援 • 許可證
Leopard Chat UI是一款功能豐富的Teneo 聊天用戶端。 Teneo 能夠隨每個回應傳回豐富的數據,而 Leopard 則利用這些回應來呈現互動式聊天體驗。 Leopard 可用於生產和銷售工程模式。銷售工程模式允許輕鬆配置、深度連結或共享大量對話演示。 提供了一個管理介面,您可以在其中調整每個對話解決方案的聊天 UI 的外觀和感覺。 內建
|
如果您在 Windows 上進行開發,您很可能必須在嘗試執行npm install
之前安裝node-gyp
。您將需要編譯一些本機節點模組。要在 Windows 上啟用此功能,您可以運行這個襯墊。這將需要一段時間才能完成,但只需運行一次。以管理員身份啟動 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 使用/config/default.js
進行配置,這是一個註解的JavaScript 模組。您可以直接將配置新增至 default.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 注入到頁面上的特定元素中。如果您想將其放置在特定的 Tab 鍵順序中,這可能會很有用。若要啟用此功能,請在頁面上的任何位置新增<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 和 Markdown | ✔️ |
音訊播放器 | ✔️ |
磁性開關解決方案 | ✔️ |
按鈕 | ✔️ |
牌 | ✔️ |
定製表格 | ✔️ |
自訂 HTML 模態框 | ✔️ |
自訂回應圖示 | ✔️ |
深色模式 | ✔️ |
日期和時間選擇器 | ✔️ |
問題的深層鏈接 | ✔️ |
動態主題變化 | ✔️ |
緊急按鈕 | ✔️ |
昂貴的操作 | ✔️ |
擴展助手 (Groovy) | ✔️ |
回饋表 | ✔️ |
野戰面具 | ✔️ |
欄位類型 - [電子郵件/密碼/位置/上傳] | ✔️ |
Firebase 社交身份驗證 | ✔️ |
地理環境捕獲 | ✔️ |
將輸入發送回 Teneo 的超鏈接 | ✔️ |
影像輪播 | ✔️ |
圖片 | ✔️ |
輸入欄位幫助文本 | ✔️ |
LiveChatInc.com | ✔️ |
地圖 | ✔️ |
主動對話 | ✔️ |
Sentry 和 LogRocket - 日誌記錄和報告 | ✔️ |
分裂答案 | ✔️ |
表格 | ✔️ |
主題化 | ✔️ |
吐司 | ✔️ |
影片播放器(YouTube、Vimeo、mp4) | ✔️ |
國際化 | ✔️ |
您需要協助嗎?檢查完整的文件。
有什麼有趣的事想分享嗎?了解如何貢獻。
彼得喬爾斯 |
請透過以下地點之一與我聯繫:
根據 Apache 許可證 2.0 分發。請參閱許可證以了解更多資訊。
由 Pixel Perfect 製作的圖標,來自 www.flaticon.com