В этой статье мы подробно рассмотрим новый комплексный виджет Chat-Messenger от Webix.

Это приложение стало доступно с выпуском Webix версии 7.4. К сожалению, пользователи версии с открытым исходным кодом не смогут получить доступ к новому Chat-Messenger. Он доступен только в версии Webix Pro.

Кстати. Если вы представляете компанию-разработчика программного обеспечения, вы можете получить бесплатный доступ ко всем инструментам Webix Pro в рамках Партнерской программы Webix.

Однако пользователи всех версий Webix могут получить доступ к Каталогу шаблонов, в котором есть бесплатный JavaScript-шаблон чата/мессенджера.

Что такое сложные виджеты Webix?

Виджеты пользовательского интерфейса традиционно известны как некоторые элементы пользовательского интерфейса для взаимодействия, такие как кнопки, панели инструментов, сетки. Webix развивает идею компонентов пользовательского интерфейса гораздо глубже, предлагая составные решения пользовательского интерфейса для различных прикладных задач (управление файлами, управление документами, управление пользователями, управление задачами). Такие решения входят в список сложных UI виджетов. На практике эти решения представляют собой готовые реактивные приложения со своей логикой пользовательского интерфейса, внутренним уровнем и подробной документацией. Эти приложения предназначены для интеграции в любые веб-бизнес-приложения и служат для экономии рабочего времени и бюджета на разработку ИТ-проектов.

Спецификация Chat-Messenger

Код

Виджет построен как приложение Webix Jet, что означает:

  • настраиваемые представления Jet для точной настройки фрагментов интерфейса
  • данные и серверные службы для обеспечения пользовательской логики для работы с данными
  • Синтаксис ES6.

Бэкэнд

  • Технология WebSockets для оперативных обновлений
  • аутентификация на основе токенов
  • готовый бэкенд Golang

Функции

  • удобный дизайн
  • приватные чаты
  • групповые чаты
  • возможность редактирования чатов
  • настраиваемый

Бесплатная пробная/демонстрационная версия

Документация

Документация чата/мессенджера

Примеры кода чата

Справочник по API

Обзор функций

Интерфейс Webix Chat имеет классический дизайн. Левая панель содержит список чатов\каналов «Чаты». Нажав на вкладку «Пользователи», вы можете увидеть список всех контактов для текущей учетной записи.

Это деление на чаты и контакты несколько избыточно. Большинство онлайн-мессенджеров управляют общим списком. Но цель Webix Chat — предоставить как можно больше шаблонов пользовательского интерфейса для дальнейшей настройки и настройки.

В разделе Чаты отображаются чаты с одним или несколькими контактами. Пользователь может запустить следующие функции:

  • приглашать новых пользователей из списка контактов в беседу
  • удалить пользователей из беседы
  • установить собственное имя для чата
  • установить пользовательское изображение в качестве значка чата
  • покинуть/удалить чат.

В разделе Пользователи вы можете отправлять прямые сообщения любому контакту. После начала разговора вы можете пригласить других пользователей присоединиться к разговору. В этом случае будет создана новая комната чата, которая будет отображаться в списке Чаты.

Webix Chat-Messenger поддерживает редактирование и удаление сообщений. При редактировании текст сообщения загружается в окно сообщения. Пользователь может редактировать и удалять только свои собственные сообщения.

Список пользователей поддерживает отображение статуса контактов

· онлайн

· не в сети

· Не беспокоить

Встроенный поиск работает отдельно для списков Charts и Users. Поиск осуществляется по

· Контактное лицо

· название чата

Заключение

Комплекс JavaScript для чата/мессенджера Виджет Webix представляет собой полнофункциональное реактивное SPA-приложение с готовыми внешним и внутренним слоями. Это решение предназначено для быстрой интеграции в любой веб-проект, где вам необходимо реализовать функциональность обмена сообщениями в чате. Это приложение основано на платформе Webix Jet, что значительно упрощает дальнейшую настройку и поддержку. Например, создание нового скина дизайна (для этого можно использовать Webix Skin Builder), внедрение новых функций, интеграция со списком контактов домена.

Команда Webix детально продумала рабочий процесс чата и разработала красивый и лаконичный интерфейс с богатой UI-логикой и разнообразными UX-кейсами.

Вы можете скачать JavaScript виджет чата и мессенджера по этой ссылке. У вас будет доступ к 30-дневной пробной версии. Чтобы продлить пробный период или получить расширенную пробную версию, вы можете обратиться к менеджерам Webix.

Коммерческая лицензия на виджет Chat and Messenger доступна в любом пакете Webix. С условиями и ценами вы можете ознакомиться на этой странице.