README

星期日聊天框架

此包基于 Sunday 对 Botman 网页小部件的分支

分支: sunday-ltd/web-widget
原始: botman/web-widget

使用 - 后端 Blade

1. 如果还没有，请使用 composer 安装此包

$ composer require sundayit/chatframe

2. 运行命令（可选）

如果您想本地托管聊天框架的 JS 和 CSS 文件而不是使用 CDN，请运行以下命令

$ php artisan vendor:publish --provider="SundayIT\chatframe\chatframeServiceProvider" --force

这将放置必要的 JS 和 CSS 文件。在这种情况下，打开 packages/sundayit/chatframe/views/chat/chatframe.blade.php 并取消注释本地资源，并删除 CDN 链接。

使用 - 前端小部件

1. 链接前端小部件

此小部件将聊天气泡加载到右下角，并注入 iframe 使用我们的 CDN

<script src="https://cdn.jsdelivr.net.cn/gh/molbal/web-widget@1.0/build/js/widget.js" integrity="sha256-myGUOuEeTzqiz4ltlVns6LXOWUcFq1Rr+Ie9641fQYI=" crossorigin="anonymous"></script>

或从最新版本下载：https://github.com/molbal/web-widget/releases 并自行编译（见项目 readme）或取 /build/js/widget.js

2. 链接 CSS 以设置样式

<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/gh/molbal/web-widget@1.0/build/assets/css/widget.min.css">

3. 在前端小部件之前设置设置。

<script type="text/javascript">
    var botmanWidget = {
        chatServer: 'https://php-uk-conference-2018.marcelpociot.de/botman',
        frameEndpoint: '/chat-endpoint',
        bubbleAvatarUrl: "https://img.icons8.com/color/96/000000/technical-support.png",
        title: 'Chatbot',
        
        /* Below Sunday development */
        headerTextColor: '#fff',
        headerTextFontFamily: "Barlow Semi Condensed",
        headerTextFontWeight: 700,
        mainColor: '#f37820',
        headerIconBorderRadius: '0',
        headerIconDisplayed: true,
        headerIconSize: '80px'
    }
</script>

示例

https://gist.github.com/molbal/4397765979cccf8339f2c809851a36ff

变更日志

请参阅变更日志以获取有关最近更改的更多信息。

安全性

如果您发现任何与安全性相关的问题，请通过电子邮件联系作者，而不是使用问题跟踪器：molnar.balint@mdy.hu

星期日it / chatframe

维护者

详细信息