Слияние кода завершено, страница обновится автоматически
Создание системы клиентской службы смотрите здесь LayKefu
Позже будут внесены изменения в части исходного кода, чтобы облегчить обновление LayIM. Новые функции будут полностью перемещены в socket.js, что не повлияет на layim.js, а также будет создан документ для удобства дальнейшего развития.
Группа для обсуждения проблем [601391162]
Этот WebIM был разработан на основе LayIM и Easemob WebIM Yöntemi 3.x. Проект предназначен для учебных целей; перед использованием необходимо получить лицензию от LayIM на официальном сайте LayIM. В данный момент реализованы следующие функции:
Корректировка: "Easemob WebIM Yöntemi 3.x" -> "Easemob WebIM 3.x" 1. Отправка и получение текстовых сообщений, эмодзи, изображений и файлов как онлайн, так и офлайн для друзей и групп. 2. Просмотр списка участников группы. 3. Быстрый поиск внутри панели. 4. Самостоятельное определение событий при правом клике мыши. 5. Изменение подписи. 6. Самостоятельное изменение темной темы. 7. Поиск друзей и групп. 8. Добавление друзей и групп. 9. Создание новой группы. 10. Отображение коробки сообщений. 11. Просмотр и изменение личной информации. 12. Реальное время отслеживание состояния друзей. 13. Уведомление о вытеснении пользователя. 14. Хранение файлов на облачном сервисе Qiniu Cloud. 15. Добавление, удаление и изменение друзей и групп друзей. 16. Управление группами (добавление и удаление администраторов, изменение названия группы, управление мутом и размутированием отдельных членов группы).## Необходимые изменения вручную включают
- static/js/webim.config.js — файл конфигурации Easemob appkey, который можно получить после регистрации и добавления приложения на Easemob.
- В связи с необходимостью взаимодействия с мобильным приложением (эмодзи, изображения и т.д.), Easemob использует символы типа [/:u], тогда как LayIM использует face[/:u]. Для совместимости были внесены изменения в LayIM.js, связанные с эмодзи.
Не рекомендуется самостоятельно изменять файл layim.js, поскольку это затрудняет последующее обслуживание и обновление.---
Ваши скриншоты приведены ниже
Адрес тестирования: test.guoshanchina.com
Тестовые аккаунты:
Имя пользователя: 911088 Пароль: 123456
Имя пользователя: 1570855 Пароль: 123456
Имя пользователя: 1570845 Пароль: 123456
Имя пользователя: 911058 Пароль: 123456
Имя пользователя: 910992 Пароль: 123456
Имя пользователя: 911067 Пароль: 123456
Имя пользователя: 911100 Пароль: 123456
Имя пользователя: 911085 Пароль: 123456Перед началом работы вам следует ознакомиться с методами расширения layui сторонними плагинами, а затем зарегистрироваться на Easemob и создать приложение.1. Подключение расширения layui
layui.config({
base: 'static/js/'
}).extend({
socket: 'socket',
});
layui.use(['layim', 'jquery', 'socket'], function(layim, socket) {
var $ = layui.jquery;
var socket = layui.socket;
var token = $('body').data('token');
var rykey = $('body').data('rykey');
socket.config({
user: token,
pwd: rykey,
layim: layim,
});
})
layim.config({
init: {
url: 'class/doAction.php?action=get_user_data',
data: {}
},
// Получение членов группы
members: {
url: 'class/doAction.php?action=groupMembers',
data: {}
}
// Интерфейс загрузки изображений
, uploadImage: {
url: 'class/doAction.php?action=uploadImage' // (Формат возвращаемых данных см. ниже)
, type: '' // По умолчанию post
}
// Интерфейс загрузки файлов
, uploadFile: {
url: 'class/doAction.php?action=uploadFile' //
, type: '' // По умолчанию post
}
// Загрузка пользовательской темы
, uploadSkin: {
url: 'class/doAction.php?action=uploadSkin'
, type: 'post' // По умолчанию post
}
, systemSkin: { // Выбор системной темы
url: 'class/doAction.php?action=systemSkin'
, type: 'post' // По умолчанию post
}
, isAudio: false // Включение аудио в панели управления чатом
, isVideo: false // Включение видео в панели управления чатом
})
``` // Расширенная панель инструментов
// , tool: [{
// alias: 'code'
// , title: 'Код'
// , icon: ''
// }]
, title: 'Мой webim'
, copyright: true
, initSkin: '1.jpg' // выбор начального фона 1-5
, notice: true // включение уведомлений на рабочем столе, по умолчанию false
, msgbox: layui.cache.dir + 'css/modules/layim/html/msgbox.html' // адрес страницы с сообщениями, если эта функция не используется, удалите эту строку
, find: layui.cache.dir + 'css/modules/layim/html/find.html' // адрес страницы "Найдено", если эта функция не используется, удалите эту строку
, chatLog: layui.cache.dir + 'css/modules/layim/html/chatLog.html' // адрес страницы с историей чата, если эта функция не используется, удалите эту строку
});Пожалуйста, обратите внимание, что пути к файлам, URL-адреса и другие элементы кода остались без изменения согласно правилам перевода.
### socket.js
Для получения полного кода можно скачать его с [GitHub](https://github.com/shmilylbelva/webim).
**Обратите внимание:** в загруженном коде отсутствует файл `layim.js`. После скачивания папки проекта вам потребуется получить лицензионное соглашение на использование файла `layim.js` и поместить его в директорию `static/layui/lay/modules/`.
**Если вы считаете этот проект полезным, пригласите меня на чашечку кофе! Ваша поддержка будет стимулом для дальнейшего развития этого проекта.**
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )