ilmedova/chattle

这是一个用于简单实现客户支持聊天的 Laravel 库包

资助包维护!
ilmedova

安装: 324

依赖项: 0

建议者: 0

安全: 0

星标: 49

关注者: 2

分支: 13

开放问题: 0

语言:JavaScript

v2.0.0 2024-05-30 16:30 UTC

This package is auto-updated.

Last update: 2024-09-30 17:08:20 UTC


README

Laravel 客户支持聊天系统的实现。

该项目将继续发展并得到维护。您的支持将极大地激励作者改进包。如果您发现这个库很有用并想支持作者,请考虑点击下面的按钮或通过buymeacoffee.com 进行捐赠。

Buy Me A Coffee

目录

  1. 功能
  2. 要求
  3. 安装
  4. 下一步是什么?
  5. 许可证

功能 🤩

  • 在您的 Web 应用程序的每个页面上都有客户支持聊天框
  • 管理员面板,用于与客户聊天(可在:http://your-domain/chattle/chat-admin
  • 使用 beyondcode laravel websockets 替换自托管 Pusher

要求

  • Laravel 10
  • PHP 8.1 或更高版本

安装

默认安装方式是通过 Composer

composer require ilmedova/chattle --with-all-dependencies

服务提供程序将自动注册。或者,您可以将服务提供程序手动添加到您的 config/app 文件中的 providers 部分。

'providers' => [
    //...
    Ilmedova\Chattle\ChatServiceProvider::class,
]

发布 css 和 js 文件所需的资产

php artisan vendor:publish --provider="Ilmedova\Chattle\ChatServiceProvider"

在您的 .env 中配置以下内容

BROADCAST_DRIVER=pusher

PUSHER_APP_ID=qwerty12345

PUSHER_APP_KEY=qwerty12345

PUSHER_APP_SECRET=qwerty12345

PUSHER_HOST=127.0.0.1

PUSHER_PORT=6001

PUSHER_SCHEME=http

PUSHER_APP_CLUSTER=mt1

如果您想更改 Pusher 应用程序密钥和密钥,请确保不仅更改 .env 文件,还更改 /public/js/chattle_customer.js 和 /public/js/chattle_admin.js 中的 Pusher 实例 - 其中创建了 Pusher 实例

运行迁移以在数据库中设置所需的表。

php artisan migrate

在布局 blade 文件的 body 部分包含客户支持聊天框

@include('chattle::chat')

现在在不同命令行中运行您的 WebSockets 和 Laravel 应用程序

php artisan websockets:serve
php artisan serve

管理员仪表板,用于与客户聊天,可在 http://your-domain/chattle/chat-admin 上访问

下一步 🚀

  • 聊天框中的实时打字效果,让用户知道用户或管理员正在输入
  • 当用户或管理员读取消息时,标记消息为已读
  • 中间件和 chat-admin 角色控制
  • 在配置中配置多种颜色主题

许可证

Laravel 客户支持聊天 - 是开源软件,根据 MIT 许可证 发布。