8 (918) 0538468
info@webstyling.ru

Cоздание чата для Битрикс

Cоздание чата для Битрикс

Задача

В Битрикс отстутствует компонент чата, поэтому по пожеланию заказчика код был написан с 0, на основе jquery  и rest api bitrix

План работ

1

Верстка страницы одного чата: 
- от кого
- кому
- форма отправки сообщения с возможностью прикрепить файл
Располагаем div внутри блока с фиксированной шириной для возможности прокрутки сообщений чата без прокрутки страницы.

2

Верстка страницы списка всех чатов пользователя.

3

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

4

Создаем highload блок "chat" c полями: дата - время, от кого, кому, сообщение, файл

5

На основе компонента highload блоков создаем вывод всех сообщений на странице чата.

6

Добавляем код jquery, который сразу после загрузки страницы прокручивает блок с сообщениями на последнее сообщение.

7

Делаем программирование отправки сообщений через jquery для фронетенда, бэкэнд на rest api бирикс. Проверяем работоспособность кода. На этом этапе работ сообщения приходят с сайта в админку.

8

На jquery программируем появление сообщений, которые отправил пользователь у него на странице без перезагрузки страницы.

9

Следующим этапом добавляем код для загрузки файла, добавление в сообщение, и отправку ссылки на файл и вывод его в отправленном сообщении на странице.

10

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

Что получилось

Итог - мы написали мини-версию Telegramm для Битрикс, теперь пользователи могут обмениваться быстрыми сообщениями прямо на корпоративном портале не используя сторонние сервисы.



Возврат к списку

Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.