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

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

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

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

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

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

Окно чата

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

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

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

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

Скриншоты

мессенджер

Мессенджер

Окно чата

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Оставить комментарий

Автор блога
Роман Чернышов
Веб-разработчик,
Full Stack
Senior, Architect
PHP, JavaScript, Node.JS, Python, HTML 5, CSS 3, MySQL, Bash, Linux Admin
Заказать работу
предложить оффер

Моя книга
Книга. Веб-разработчик. Легкий вход в профессию
Печатная книга
Веб-разработчик.
Легкий вход в профессию
Оформить предзаказ
Последние вопросы
Список вопросов
Последние комментарии
Меню

Archive

Мои проекты
Insurance CMS Love Crm CMS Совместные покупки Мой PHP Framework Хостинг для моих клиентов Лицензии на мой софт и поддержка