Події EventSource / Server-Sent через Nginx

На стороні сервера за допомогою Sinatra з streamблоком.

get '/stream', :provides => 'text/event-stream' do
  stream :keep_open do |out|
    connections << out
    out.callback { connections.delete(out) }
  end
end

На стороні клієнта:

var es = new EventSource('/stream');
es.onmessage = function(e) { $('#chat').append(e.data + "\n") };

Коли я використовую додаток безпосередньо, через http://localhost:9292/, все працює ідеально. З’єднання постійне, і всі повідомлення передаються всім клієнтам.

Однак, коли він проходить через Nginx, http://chat.devз'єднання розривається, і повторне підключення запускається щосекунди або близько того.

Налаштування Nginx мені здається нормальним:

upstream chat_dev_upstream {
  server 127.0.0.1:9292;
}

server {
  listen       80;
  server_name  chat.dev;

  location / {
    proxy_pass http://chat_dev_upstream;
    proxy_buffering off;
    proxy_cache off;
    proxy_set_header Host $host;
  }
}

Пробували keepalive 1024в upstreamрозділі, як і proxy_set_header Connection keep-alive;в location.

Нічого не допомагає :(

Жодні постійні зв’язки та повідомлення не передаються жодному клієнту.

Ваша конфігурація Nginx правильна, ви просто пропустите кілька рядків.

Ось "магічне тріо", яке EventSourceпрацює за допомогою Nginx:

proxy_set_header Connection '';
proxy_http_version 1.1;
chunked_transfer_encoding off;

Розмістіть їх у locationрозділі, і це має спрацювати.

Можливо, вам також доведеться додати

proxy_buffering off;
proxy_cache off;

Це не офіційний спосіб зробити це.

Я закінчив із цим "спробами та помилками" + "гуглинням" :)

Інший варіант - включити у свою відповідь заголовок "X-Accel-Buffering" зі значенням "ні". Nginx розглядає це спеціально, див. Http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_buffering

Не пишіть це з нуля самі. Nginx - чудовий парний сервер і має модулі, які оброблятимуть SSE для вас без будь-якого погіршення продуктивності вашого сервера вище.

Перевірте https://github.com/wandenberg/nginx-push-stream-module

Принцип роботи - абонент (браузер, що використовує SSE), підключається до Nginx, і зв’язок там припиняється. Видавець (ваш сервер, який стоїть за Nginx) надішле POST до Nginx за відповідним маршрутом, і в цей момент Nginx негайно перенаправить очікуваному слухачеві EventSource у браузері.

Цей метод набагато масштабніший, ніж використання веб-сервера ruby ​​для обробки цих "довгоописуваних" з'єднань SSE.