1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/shmilylbelva-laykefu

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

laykefu

Система веб-обслуживания клиентов, разработанная с использованием ThinkPHP5+Gatewayworker

Адрес для тестирования: https://www.laykefu.com

Адрес службы поддержки клиентов: https://www.laykefu.com/service

Учетная запись и пароль:

  • клиентский сервис «Маленькая красавица»: 123456

Адрес управления бэкендом: https://www.laykefu.com/admin

Пароль для бэкенда: не предоставляется

Репозиторий GitHub: https://github.com/shmilylbelva/laykefu

1. Подключение клиента

  1. Добавьте файл стиля laykefu.css:
    <link href="ваш домен/static/customer/css/laykefu.css" rel="stylesheet" type="text/css" />
  1. Добавьте файлы jquery.js и laykefu.js:
<script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
<script src="ваш домен/static/customer/js/laykefu.js"></script>
  1. Добавьте целевой HTML-код, стиль можно настроить по своему усмотрению:
<div class="laykefu-min">Консультация с клиентом</div>

По умолчанию отображается один клиент.

  1. Инициализируйте laykefu:
	laykefu.init({
		group: 1,//группа обслуживания клиентов
		socket: '',//адрес сервера чата, для локального тестирования можно установить 127.0.0.1:7272
		face_path:'/static/customer/images/face',//путь к пакетам смайлов
		upload_url:'/index/upload/uploadImg',//URL загрузки изображений
	});
  1. Если необходимо отобразить несколько клиентов, то нужно изменить код следующим образом:
<div class="laykefu-min" data-group="1" >Обслуживание перед продажей</div>
<div class="laykefu-min" data-group="2" style="margin:100px">Послепродажное обслуживание</div>

Перед инициализацией необходимо получить значение group:

$(".laykefu-min").click(function(){
    var group = $(this).attr('data-group');
	laykefu.init({
		group: group,//группа обслуживания клиентов
		socket: document.domain+':7272',//адрес сервера чата, на самом деле socket можно установить как ip:7272 или домен:7272, затем nginx выполняет обратный прокси-сервер, который можно установить как домен/wss
		face_path:'/static/customer/images/face',//путь к пакетам смайлов
		upload_url:'/index/upload/uploadImg',//URL загрузки изображений
	});
});

[Необязательно] Обратный прокси-сервер nginx для wss:

location /wss {
            proxy_pass http://127.0.0.1:7272;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            rewrite /wss/(.*) /$1 break;
            proxy_redirect off;
}

[Необязательно] Обратный прокси-сервер nginx для ws:

location /ws {
            proxy_pass http://127.0.0.1:7272;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            rewrite /ws/(.*) /$1 break;
            proxy_redirect off;
}
  1. Дополнительные параметры Можно настроить следующие параметры:
	laykefu.init({
		uid: '',//идентификатор клиента
		name: '',//псевдоним клиента
		group: '',//группа обслуживания клиентов
		avatar: '',//изображение профиля клиента
		socket: '',//адрес сервера чата
		face_path:'',//путь к пакетам смайлов
		upload_url:'',//URL загрузки изображений
		height:'',//высота окна
		width:'',//ширина окна
	});
  1. Свяжите существующую систему учётных записей По умолчанию клиенты, обращающиеся за консультацией, распределяются случайным образом. Если у вашей платформы есть система учётных записей, вы можете передать uid и name при инициализации.

2. Конфигурация сервера

  1. Измените информацию о базе данных в application/database.php, настройте адрес сервера сокетов на бэкэнде, обычно он совпадает с адресом фронтенда:

  2. Если вы запускаете проект на сервере, откройте порт 7272 для использования laykefu, например, в Alibaba Cloud, перейдите в раздел «Безопасность» в «Группе безопасности», добавьте правило и откройте порт 7272.

  3. Если вы хотите подключиться только к определённому домену, измените параметр HTTP_ORIGIN в Events.php.

  4. Запустите соответствующие службы gatawayworker. Если вы работаете в Windows, просто дважды щелкните /vendor/workerman/Conf/start_for_bat.bat. Если вы используете Linux или Mac, перейдите в каталог /vendor/workerman/Conf/ и запустите:

php start.php start -d

Запустить службу. Команды следующие: Запуск: Чтобы запустить службу в режиме отладки (debug), выполните:

php start.php start

Чтобы запустить службу как демон (daemon), выполните:

php start.php start -d

Остановка: Выполните:

php start.php stop

Перезапуск: Выполните:

php start.php restart

Плавный перезапуск: Выполните:

php start.php reload

Просмотр статуса: Выполните:

php start.php status

Просмотр состояния подключения: Выполните:

php start.php connections

Лицензия

MIT

QQ группа общения

【601391162】

Если вы считаете, что этот проект полезен для вас, пожалуйста, угостите меня чашкой кофе. Ваша поддержка будет стимулировать меня продолжать творить!

QQ скриншот 20180904161534.jpg QQ скриншот 20180904161507.jpg

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Веб-система клиентской поддержки WebIM, построенная на основе ThinkPHP5 + Workerman + GatewayWorker, использует Layui для стиля интерфейса администратора. Развернуть Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/shmilylbelva-laykefu.git
git@api.gitlife.ru:oschina-mirror/shmilylbelva-laykefu.git
oschina-mirror
shmilylbelva-laykefu
shmilylbelva-laykefu
master