搜索classiebit / addchat-laravel
用于 Laravel 的实时聊天小部件，包括多用户聊天、群组权限、客户支持聊天等功能。
README
欢迎使用 AddChat Laravel Lite。
一站式多用途聊天小部件 Laravel 包
AddChat 是 Laravel 的新聊天伙伴。它是一个独立的聊天小部件，使用网站现有的 users 数据库，允许网站用户互相聊天。
您将获得完整的源代码，因此 AddChat 在您的服务器/托管上运行，包括数据库。因此，您对自己的数据拥有完整的隐私。无论是大型企业还是小型企业，AddChat 适用于所有人。
实时阅读文档 - AddChat Laravel Lite 文档
实时预览 - AddChat Laravel Lite
这里是快速入门的完整视频教程指南 AddChat Laravel 学院 ✌️
概述
Addchat Lite 是一个聊天小部件，您可以将其集成到现有或全新的 Laravel 网站中。AddChat 作为一个独立的小部件，满足您所有与业务相关的需求，例如 -
- 用户间聊天
- 实时聊天（无需刷新页面）
- 内部 通知系统（节省 Pusher 每月订阅费）
- 客户支持（Pro）
- 多用户群组（Pro）
以及 AddChat Pro 中提供的更多功能 ⚡️
为什么选择 AddChat？
以下是一些关键亮点，为什么您会喜欢选择 AddChat！
- 节省每月订阅费（一次性付费，永久使用）
- 无机密数据泄露
- 完全隐私
- 易于安装和更新
- 使用现有用户数据库
- 多用途，用作帮助台、客户支持、用户间聊天等...
AddChat 永远不会修改您的现有数据库表或记录。它也不会破坏您的任何网站功能。
AddChat 已完全测试，可用于生产网站。
技术规范
AddChat 非常轻量，高性能，可扩展且安全。
-
AddChat 前端使用 VueJs 构建，这是一个完全基于 API 的 Web 应用。
-
AddChat 后端（API）使用 Laravel 构建
- AddChat Laravel 版本是一个 Laravel 包，因此可以通过 Composer 在现有或新的 Laravel 网站中安装。
用户界面与设计
AddChat 是使用 CSS Flexbox 和 Sass 设计的。让我们看看 CSS Flexbox 有什么特别之处，以及为什么我们使用了它。
-
AddChat 是一个与 CSS 框架无关的框架。这意味着，无论您的网站在哪个 CSS 框架中，它都不会影响网站 CSS，也不会受到其影响。
或任何其他...
-
AddChat CSS 完全封装（在带有
#addchat-bot .c-前缀的 AddChat 包装器中包裹）。-
因此，它永远不会覆盖您的网站 CSS，也不会从中继承。
-
AddChat UI 非常响应。针对 超小 设备到大型 4K 桌面 -
- 小型手机
- 安卓手机
- iPhone
- iPad & iPad Pro
- 中小型笔记本电脑
- 大型台式机
-
-
我们使用了流行的 NPM 包
auto-prefixer来确保 AddChat UI 设计在所有类型的浏览器中保持一致，例如Chrome, Firefox, Safari, Edge等。
多区域
AddChat 与所有语言和时区兼容。AddChat 会根据您网站的默认时区和语言自动调整区域设置。有关在 AddChat Laravel 中添加新语言的更多信息，请参阅语言部分。
AddChat 从不会破坏您网站的任何功能，即使 AddChat 出现问题，也针对每种最坏情况场景提供了
回退模式。
轻量版
这是 AddChat 轻量版文档
AddChat 轻量版 是开源的，免费使用。轻量版具有有限的功能和功能。
专业版
AddChat 专业版 配备 商业 许可证。专业版功能齐全，拥有许多有用和令人兴奋的功能。
Laravel 安装
您可以通过 composer 安装 AddChat。简单... 🍻
这里是快速入门的完整视频教程指南 AddChat Laravel 学院 ✌️
先决条件
- Laravel 版本 5.5 / 5.6 / 5.7 / 5.8 / 6.x / 7.x / 8.x
- 请确保在 全新 或 现有 Laravel 应用程序上安装 AddChat 包。
- 我们还假设您已经设置了数据库。
- 如果您正在运行小于 5.7 的 MySql 版本，请禁用 Laravel 中的严格模式
config/database.php'strict' => false
安装
-
如果您在现有的 Laravel 应用程序上安装 AddChat 并已经拥有 Auth 系统，则请 跳过此步骤
如果您在 全新 Laravel 应用程序 上安装，则运行以下命令
Laravel 5.5 至 5.8
php artisan make:auth php artisan migrate
Laravel 6.x
composer require laravel/ui --dev php artisan ui vue --auth npm install && npm run dev php artisan migrate -
通过 Composer 安装 AddChat
composer require classiebit/addchat-laravel -
运行 AddChat 安装命令
php artisan addchat:install
-
打开通用布局文件，通常通用布局文件是包含 HTML & BODY 标签的文件。
-
复制 AddChat CSS 代码并将其粘贴在 </head> 标签之前
<!-- 1. Addchat css --> <link href="<?php echo asset('assets/addchat/css/addchat.min.css') ?>" rel="stylesheet">
-
复制 AddChat 小部件代码并将其粘贴在 <body> 标签之后
<!-- 2. AddChat widget --> <div id="addchat_app" data-baseurl="<?php echo url('') ?>" data-csrfname="<?php echo 'X-CSRF-Token' ?>" data-csrftoken="<?php echo csrf_token() ?>" ></div>
-
复制 AddChat JS 代码并将其粘贴在 </body> 标签之前
<!-- 3. AddChat JS --> <!-- Modern browsers --> <script type="module" src="<?php echo asset('assets/addchat/js/addchat.min.js') ?>"></script> <!-- Fallback support for Older browsers --> <script nomodule src="<?php echo asset('assets/addchat/js/addchat-legacy.min.js') ?>"></script>
{警告} 请将 <php ?> 标签替换为 {{}} 括号。
最终的布局将类似于这样
<head> <!-- **** your site other content **** --> <!-- 1. Addchat css --> <link href="<?php echo asset('assets/addchat/css/addchat.min.css') ?>" rel="stylesheet"> </head> <body> <!-- 2. AddChat widget --> <div id="addchat_app" data-baseurl="<?php echo url('') ?>" data-csrfname="<?php echo 'X-CSRF-Token' ?>" data-csrftoken="<?php echo csrf_token() ?>" ></div> <!-- **** your site other content **** --> <!-- 3. AddChat JS --> <!-- Modern browsers --> <script type="module" src="<?php echo asset('assets/addchat/js/addchat.min.js') ?>"></script> <!-- Fallback support for Older browsers --> <script nomodule src="<?php echo asset('assets/addchat/js/addchat-legacy.min.js') ?>"></script> </body> -
信息提示：命令
php artisan addchat:install会将 AddChat 资产发布到您的应用程序的public/assets目录
addchat.min.js用于现代浏览器，addchat-legacy.min.js用于旧浏览器。这些文件将在浏览器根据type="module"和nomodule自动切换，您不需要做任何事情。
设置完成，现在直接前往 设置 文档