Как создать чат техподдержки?

Question

[stsin]

Стоит задача реализовать чат тех поддержки с возможностью встраивания его на любой другой сайт.
Задействующие технологии react/redux, node, mongo (местами sql), socket.io...
Как реализовать вставку скрипта на страницу?
iframe или можно просто через вставку в dom элементов?
Как определять что создалось новое соединение (комната для общения), пользователь зашёл на сайт и открыл чат ?
пример приложения: https://www.jivochat.ru/

Answer 1

[Сергей Сунцев]

Тут у тебя будет приложение из 2х частей: серверная и клиентская.
1) Для вставки на сайт не обязательно юзать ифрейм, ведь можно скриптом добавить бандл сборки куда нибудь в body сайта и реализовать небольшой фиксированной всплывашкой.

2) При заходе на страницу пользователь автоатом шлет запрос на коннект. В нем происходит :
* Соединение к сокет серверу.
* Добавление пользователя в комнату.
Как я понимаю, раз вставляьться сайт будет много - куда, а сервер у нас один то надо как то привязывать конкретного пользователя к комнате, либо сохранять в урле уникальный идентификатор комнаты, где бы пользователь смог продолжить общение с тех. поддержкой. Либо запрашивать какие то данные, типа почты. Либо условится, что при выходе со страницы пользователь теряет прогресс общения.

Comments

[stsin]

1) Для вставки на сайт не обязательно юзать ифрейм, ведь можно скриптом добавить бандл сборки куда нибудь в body сайта и реализовать небольшой фиксированной всплывашкой.

Как производится инициализация если требуется ссылаться при рендоре на (к примеру) id=root ?
Cначала create элемента а потом вставка?

[Сергей Сунцев]

Ты моможешь изнаально в html файлик добавить тег с идетирфикатором. А после уже при рендере указать его id="my_react_support"

Answer 2

[Владимир Коротенко]

Какой бюджет (деньги, время не важно) ?
Что в итоге хотите?
Почему не https://www.jivochat.ru/ ?