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 Lite 是开源的，免费使用。轻量版具有有限的功能和功能。

AddChat Laravel Lite
- 实时预览 - 访问实时预览。
- GitHub - 给我们一个 Star。
- 安装 - 访问此处进行安装

专业版

AddChat 专业版 配有商业许可证。专业版包含了大量实用且令人兴奋的功能。

AddChat Laravel 专业版
- 实时预览 - 现在即可进行实时预览。
- 购买 - 现在即可购买 - 享受 50% 的折扣（限时优惠）

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 切换，您无需进行任何操作。

设置完成，现在请直接访问设置文档

sierratecnologia / addchat-laravel

维护者

详细信息