Великолепно!
Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
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
Программируем страницу списка чатов, делаем фильтр по пользователю и вывод только одного последнего сообщения из каждого чата.