关于 • 安装 • 功能 • 文档 • 演示 • 贡献 • 作者 • 支持 • 许可证
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