Оповещение на сайте в live-режиме — как сделать?

Question

[distorsion]

Как сделать оповещение на стороне клиента (пример ВК - один пользователь отправил сообщение, у другого вылезло уведомление)? Если ли готовые варианты? Что лучше использовать?

Answer 1

[D3lphi]

В ВКонтакте это реализовано по средствам вам ежесекундных ajax запросов. Они используют аналог php, поэтому для них так было удобнее. Но в 2017 году такое принято писать с использованием веб сокетов - socket IO. Насчет готовых решений: Pusher (сервис).

Comments

[Vladislav]

Это long polling запросы там

[D3lphi]

Vladislav: И? Что вы хотели этим донести? От того, что они long polling, они перестали быть ajax - запросами?

[Vladislav]

D3lphi: Все что хотел, то и сказал. Дополнил ответ, чтобы автору было проще искать дальше.
Я не говорил, что это не ajax.

[napa3um]

"в 2017 году такое принято писать с использованием веб сокетов" - скорее, с использованием HTTP/2 и EventSource ( https://learn.javascript.ru/server-sent-events ). А вебсокеты - они для чато-/игро- подобных сервисов, а не для уведомлении об обновлениях данных на сервере.

[D3lphi]

napa3um:

А вебсокеты - они для чато-/игро- подобных сервисов, а не для уведомлении об обновлениях данных на сервере.

Не согласен с вами. Ws тоже хорошо подходят для этого.

[napa3um]

D3lphi: мне вашего согласия не нужно было :). Конечно, можно справиться и вебсокетами, и лонгпулингом, но W3C рекомендует для одностороннего потока событий с сервера использовать EventSource (когда реалтаймовая доставка данных от клиента не критична).

[D3lphi]

napa3um:

мне вашего согласия не нужно было

Собственно, как и мне ваших советов.

[napa3um]

D3lphi: да, они не для вас, а для автора вопроса. :)

Answer 2

[Vladislav]

Гугли по фразе push technology
В вк это делается на основе long polling запросов, то есть отправляется запрос с клиента и сервер не закрывает соедеинение. Он ждет пока не появятся какие-то изменения на сервере, как только, что-то меняется(приходит новое сообщение), сервер тут же отправляет по данному соединение ответ. Клиент отправляет новый запрос и все по новой.
Другой вариант, отправлять по сокету. В этом случае сервер сам может инициировать запрос, создать соединение и отправить по нему данные клиенту.

//пример псевдокод

//sendMessage ф-ия на сервере 
function sendMessage() {
//do any logic, save to database...
socket.emit(userId, data);
}