README

欢迎使用 AddChat Laravel Lite。

一体化多用途聊天小部件 Laravel 包

AddChat 是 Laravel 的新聊天伙伴。它是一个独立的聊天小部件，使用网站现有的 users 数据库，并允许网站用户相互聊天。

您将获得完整的源代码，因此 AddChat 在您的服务器/托管上运行，包括数据库。因此，您对自己的数据拥有完全的隐私。无论是大型企业还是小型企业，AddChat 都适合所有人。

实时阅读文档 - AddChat Laravel Lite 文档

实时预览 - AddChat Laravel Lite

这里有一份完整的视频教程指南，帮助您快速入门 AddChat Laravel 学院 ✌️

概述

Addchat Lite 是一个聊天小部件，您可以将它集成到现有的或全新的 Laravel 网站。AddChat 作为一个独立的小部件，满足您所有与业务相关的需求，例如：

用户间聊天
实时聊天（无需刷新页面）
内部通知系统（节省 Pusher 每月订阅费用）
客户支持（专业版）
多用户群组（专业版）

以及 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 轻量版
- Live - 访问演示。
- Github - 为我们点个 Star。
- 安装 - 访问此处进行安装

专业版

AddChat 专业版 附带商业许可证。专业版功能齐全，包含许多有用且令人兴奋的功能。

AddChat Laravel 专业版
- Live - 现在提供实时预览。
- 购买 - 现在可购买 - 享受 50% 折扣（限时优惠）

Laravel 安装

AddChat 可以通过 composer 安装。简单... 🍻

这里有一份完整的视频教程指南，帮助您快速入门 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 切换使用，您无需做任何事情。

设置完成，现在直接前往设置文档

dynalogical / addchat-laravel

维护者

详细信息