Скрипт мессенджера на JS и PHP

Автор: Роман Чернышов Опубликовано: 7 мая 2018

Друзья привет! Сегодня я хочу рассказать про скрипт мессенджер(чем-то похожий на WhatsApp или Telegram), написанный мною для установки на сайт, как замена стандартной системы личных сообщений или как дополнение к ней. Все начиналось с того, что пользователи одного из моих проектов, начали жаловаться на то, что им неудобно общаться по средствам личных сообщений и емаил. Им была нужна оперативность, быстрая и наглядная доставка сообщений, возможность просматривать историю переписки, возможность отправки изображений и просмотр статусов сообщений и пользователей находящихся в сети, и все это в рамках одного сайта. Т.е. переход в сторонние приложения не подходит — неудобно, нестабильно, ограничения и т.д. В общем, все их критерии удовлетворил мессенджер, который я написал на JS и PHP, в последствии который превратился в самостоятельный отдельный проект.

Функционал мессенджера

Список контактов

Возможность добавлять пользователей в список контактов;
Поиск пользователей по списку контактов;
Глобальный поиск пользователей по сайту (функция живого поиска);
Отображение в списке контактов последнего сообщения из чата (под именем пользователя);
Дата последнего сообщения;
Подсветка непрочитанных сообщений;
Возможность удаления пользователя из списка контактов (история переписки сохранится).

Окно чата

Отображение имени и аватара собеседника, со ссылкой на его полный профиль;
Отображение даты последнего посещения сайта собеседником (в формате: Был(a) онлайн 45 мин назад);
Возможность отправки текстового сообщения с прикрепленным изображением;
Возможность удаления последних непрочитанных сообщений;
Отображение даты и времени сообщений;
Отображение статуса сообщений (прочитано или нет).

Дополнительные возможности

При интеграции мессенджера в систему сайта можно также реализовать ряд дополнительных возможностей (что например, реализованы на моем сайте):

WebPush уведомления пользователей о новых сообщениях;
Адаптивная верстка, чат отлично смотрится и работает в мобильных браузерах;
Трансляция в чат служебной информации с сайта, о статусах заказов, оплате, прочие уведомления;
Преобразование url в изображения и ссылки;
Преобразование артикула, номера заказа и трека в активные ссылки, для возможности быстрого перехода на нужную страницу.

Скриншоты

Мессенджер

Окно чата

Глобальный, «живой» поиск пользователей

Добавление пользователя в список контактов

Поиск по списку контактов

Отправка изображения

Сообщения в чате

Удаление пользователя из списка контактов

Удаление последнего непрочитанного сообщения

Возможность интеграции

Данный мессенджер может быть интегрирован в среду любого сайта, независимо от установленной на нем CMS. Также возможна интеграция с действующей базой данных пользователей, для работы глобального поиска и возможности добавления пользователей в свой список контактов. Интеграция осуществляется программистом, путем замены SQL запросов к новой таблице пользователей (в будущих версиях будет реализована упрощенная схема интеграции).

Возможность доработок

Мессенджер можно доработать по вашему техническому заданию, воплотить в жизнь ваши идеи, которые повысят привлекательность, функционал и удобство чата в глазах ваших пользоваталей. Буду рад сотрудничеству.

Заключение

Мессенджер установлен на одном из сайтов совместных покупок, с многотысячной аудиторией. В процессе его использования было отмечено повышение скорости обмена информацией, что положительно сказалось на лояльности аудитории и количестве продаж. Организаторы совместных покупок используют данный мессенджер как основное средство коммуникации.

Заказать / Купить скрипт >>