HTML5 SSE? ???? ?? ? ?? ? ??? ???? ???? ??? ?????. 1. ?? ? ?? ????? ??????. ??? ??? ????? ??? ?? ? ? 3 ? ?? ? ?????. ??? ??? ?? ??? ??? ?? ? ? ????. 2. ?? ???? ?? ?? ?? ?? ?? ?? ??? ???? ?? ??? ???? ?? ? ??? ???? ???? ??, ?? ??? ???? ?? ? ?? ?? TOKEN? ?? ?? ??? ?????. 3. ??? ???? ?? ????, ??? ??? ?? ?? ????, Navigator.online? ???? ??? ???? ?? ??? ????? ? ? ?? ??? ????? ?????. ??? ??? ?? ???? ???? ??? ??? ???? ? ????.

HTML5 Server-Sent Events (SSE)? ???? ?? ?? ???? ???? ???? ??? ? ?? ? ??? ???? ?? ?????. ????? ????? ???? ?? ????? ????? ?? ????? ?????? ?? ? ?? ? ? ?? ????? ???? ????. ??? ?? ??? ????? ?? ????? ???????.

SSE? ?? ? ?? ????? ??????

??? ???? EventSource ??? ?? ?? 3 ?? ?? ? ??? ?????. ???? ?? ???? retry: Field? ??? ??? ?? ? ? ????. ?? ??:

 ? ?? : 5000

?? ?? ????? ?? ??? ?? 5000 ?? ? (?, 5 ?) ????? ?????. ???? ??? ????? ???? ?????.

? ? ?? ????? ?? ???? ?? ?? ??? ???? ?? ??? "????? ??? ???"??? ????? ?? ???????. ??? ??? HTTP ?? (? : 4xx ?? 5xx)? ???? ????? ???? ? ???? ???? ?? ???? ???????.

?? ???? ?? ??????

SSE? ?? ??, ?? ?? ?? ?? ?? ? ??? error ???? ?????. ????? ??? ?? ???? ?? ????? ??? ??? ???? ??? ?? ? ? ????. ??? error ???? ?? ???? ???? ?? ?? ?????.

??? ?? ???? ?? ? ? ????.

 const eventSource = new EventSource ( 'your-endpoint');

eventsOURCE.ADDEVENTLISTERE ( 'error', (err) => {
  console.error ( 'sse error :', err);
  // ??? ?? ? ?? ??? ???? ??? ? ? ????});

? ????? ????? ?? ??? ???????. ?? ??:

• ???? ??? ?? ????? ?? ? ??? ?? ??????.
• ?? ?? ? ?? (? : 500? ???? ??) ?? ? ??? ?? ??? ??? ? ????.
• ?? ??? ?? ?? ? ?? ?? ??? ?? ??? ?? ???? ? ?? ????.

???? ???? ? ?? ??? ?? ? ? ????.

• ?? ?? ??????.
• ??? ??? ?? ?? ??????.
• ??? ???? ????? ????? ????? ??? ????? ???? ???? ?????.

???? ????? ?? ? ?? ??? ????? ??????

??? ? ?? ????? ???? ???? ????. ?? ??, ????? ?? ? ? ??? ????? ?????? ??? ??? ?? ??? ???? ?????.

???? ??? ??? ?? ? ? ?? ??? ???? ?? ? ??? ?? ????? ???? ????.

 retrycount = 0???;
Const Maxretries = 5;

eventsOurce.addeventListener ( 'error', () => {
  if (retrycount <maxretries) {
    settimeout (() => {
      EventsOURCE.CLOSE ();
      Const NewEventSource = New EventSource ( &#39;Your-Endpoint&#39;);
      // ???? ??? ??? ...
      ??? ???;
    }, 5000); // ??? ?? ??? ??} else {
    Console.log ( &#39;??? ?? ??? ??????&#39;);
  }
});

?? Navigator.online? ???? ?? ??? ?? ??? ??? ?? ????. ???? ?? ? ?? ?? ??? ?? ???? ????? ?? ? ? ?? ??????.

????? ?? ??

SSE ? ?? ? ??? ???? ??? ????? ?? ??? ?????? ???? ??? ??? ???? ????. ? ?? ??? ????, ?? ???? ??, ?? ? ?? ????? ???? ??? ???? ??? ??? ???? ? ????. ????? ??? ??? ??? ?? ???? ????? ??? ?? ? ? ???? ?? ??? ???? ??? ? ????.

? ??? HTML5 ??-??? ???? ?? ?? ? ??? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!