Mi secuencia de comandos SSE verifica cada segundo si hay datos nuevos y, de ser así, los envía a mi interfaz.

En el código que he pegado aquí he simplificado la idea. En mi host local, contará hasta 10 en 10 segundos, luego detendrá el script php y el javascript se conectará nuevamente y comenzará el proceso nuevamente. <- Esto es lo que quiero que suceda.

En vivo, no hará nada durante 10 segundos hasta que el script die(); . Luego mostrará el conteo del 1 al 10 todo a la vez. Luego vuelva a conectar y comience de nuevo.

La empresa de alojamiento dice que debería estar bien con SSE y también probé diferentes tipos de encabezados, pero no hay diferencia.

¿Cómo solucionarlo o al menos saber el curso de esto?

JavaScript:

 var chat_sse = new EventSource("chat_sse.php", {withCredentials: true}); chat_sse.addEventListener('sse', sse_chat_toaster); function sse_chat_toaster(event) { var data = event.data; var myDiv = document.createElement("div"); myDiv.id = 'div_id'; myDiv.innerHTML = data; document.body.appendChild(myDiv); };

Guión PHP:

 <?php header('Content-Type: text/event-stream'); header('Cache-Control: no-cache'); // header('Cache-Control: no-store, no-cache, must-revalidate'); // header('Cache-Control: post-check=0, pre-check=0', FALSE); // header('Pragma: no-cache'); // header('Accept-Encoding: gzip, deflate'); // header('Content-Encoding: gzip'); function chat_changes($number) { echo "event: sse\n"; echo "id: chat_toaster" . PHP_EOL; echo "data: $number\n"; echo PHP_EOL; } $startedAt = time(); $sleep = 1; // Run the loop interval in seconds $reset = 10; // How long before closing the connection $number = 1; do { if ((time() - $startedAt) > $reset) { die(); } //Check database for changes and run function chat_changes($number); $number++; //for test purpose ob_flush(); flush(); sleep($sleep); } while(true); ?>