Как прикрутить на сайт форму «вопрос-ответ» в виде онлайн чата?

Question

[Александр]

Здравствуйте!
Прикручиваю к проекту функционал "справочной" - посетители задают вопрос и тут же (в течение нескольких минут, если оператор онлайн) получают ответ. Примерно так это сверстал:

Я программист-любитель, на проекте использую php, sql и js. В современных js-фреймворках не разбираюсь (слышал что-то про socket.io и node.js). Подскажите, пожалуйста, в какую сторону копать, чтобы максимально просто и быстро реализовать такой функционал:

1. Когда посетитель задает вопрос - приходит куда-нибудь уведомление (мессенджер, почта)
2. Оператор сайта отвечает на вопрос (из админки, месенджера)
3. Вопрос и ответ сохраняются в БД
4. Посетитель тут же, без перезагрузки страницы, получает ответ.

Классный, работающий по такой схеме пример тут: sevastopol.nashaspravka.ru
Посетители через форму задают вопрос, и тут же в течение нескольких минут операторы сайта отвечают на него. И, что самое важное, эти вопросы сохраняются в БД сайта и хранится история вопросов и ответов.

Спасибо.

Comments

[Oleg Wock]

а почему не использовать уже готовое, раз сами не можете написать. Это же сэкономит и время и костыли в коде

[Pavel Shvedov]

Прикрутите Jivosite и не парьтесь

Answer 1

[Виктор]

Для работы с web сокетами вам нужен комет сервер. Но так как вы не хотите поднимать его самостоятельно то можете воспользоватся готовым saas комет сервером. Он будет обеспечивать быструю доставку сообщений и снимать с вас проблемы поддержания серверной инфраструктуры. И в тоже время вся переписка может хранится у вас.
Это что то среднее между писать всё с нуля или использовать готовый продукт.

Answer 2

[Денис Инешин]

Такие модули сегодня модно покупать у сторонних компаний. Очень много предложений на рынке.

Но если все же хотите сами, то для такого "чата" достаточно AJAX, никаких веб-сокетов не нужно, так как существует большой лаг между вопросом пользователя и ответа оператора. Достаточно раз в 30 секунд запрашивать сервер на наличие ответа по таймеру и всё.

Чтобы сделать это на Ajax вам будет проще всего воспользоваться jQuery и его Ajax API

Comments

[Алексей Уколов]

Все-таки, 30 секунд - довольно много для пользовательского интерфейса. Ну и не получится сделать плюшки вроде отображения, что сейчас оператор набирает ответ.
С другой стороны, поднимать всю инфраструктуру для работы через сокеты достаточно трудоемко.
Автору нужно самому решить, сколько времени и сил он готов потратить на этот функционал.

[Александр]

Решение с аяксом кажется мне довольно разумным. И можно поставить интервал поменьше - секунд 15, например.

[Александр]

Анатолий K: Мне нужно полностью контролировать переписку + сохранять логи "вопрос/ответ" в БД

Answer 3

[Дмитрий Энтелис]

Решение с аяксом не разумно ниразу по куче причин, от user experience до нагрузки на сервер.
Если хочется саму пилить - то собсвенно node.js+socket.io. Примеров полно socket.io/docs
Я бы не стал пилить сам и взял какой нибудь www.jivosite.ru

PS
Денис Инешин

никаких веб-сокетов не нужно, так как существует большой лаг между вопросом пользователя и ответа оператора" не существует

Не существует лага. Не должно существовать. Если операторы не выдрессированны отвечать за 10-15 секунд максимум - от внедрения это штуки будет больше негатива чем пользы.

Comments

[Денис Инешин]

Ну это в идеальном мире, а так согласен, сервер можно проверять и почаще.

Answer 4

[leadproduc]

Посмотрите тут, у них было вроде что-то подобное...