Eventos do lado do servidor com PHP e MySQL

Question

Aug 08, 2017, 02:18 PM

Eventos do lado do servidor com PHP e MySQL

Estou construindo um aplicativo (muito básico) usando PHP e MySQL. O objetivo deste aplicativo é exibir transações de dados em 'tempo real' em uma página da web. Essas transações provêm de umtransactions tabela em um banco de dados MySQL.

Até agora, posso recuperar e exibir os dados na página da web. No entanto, eu esperava ver a atualização de dadossó quando novas transações foram inseridas notransactions mesa?

Atualmente, o feed ao vivo exibe o último registro repetidamente até que uma nova transação seja inserida.

Meu código até agora é;

transaction.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML5 Server-Sent Events</title>
    <script type="text/javascript">
        window.onload = function(){
            var source = new EventSource("transactions.php");
            source.onmessage = function(event){
                document.getElementById("result").innerHTML += "New transaction: " + event.data + "<br>";
            };
        };
    </script>
</head>
<body>
    <div id="result">
        <!--Server response will be inserted here-->
    </div>
</body>
</html>

transaction.php

<?php 
include 'conn.php'; // database connection

header("Content-Type: text/event-stream");
header("Cache-Control: no-cache");

$query = "SELECT TimeStamp, CardNo FROM transactions ORDER BY TimeStamp DESC LIMIT 1";
// `TimeStamp` is in the format YYYY-MM-DD H:i:s 
if ($result = $conn->query($query)) {
    $row = $result->fetch_assoc();
    echo "data: " . $row['CardNo'] . "\n\n";
}
flush();
?>

Eu tenho seguidoeste tutorial se isso faz alguma diferença.

Minhas perguntas;

como posso atualizar o feed ao vivosomente quando novas transações são inseridas?atualmente, o feed ao vivo é atualizado aproximadamente a cada 3 segundos. Onde está definido?

Qualquer ajuda é apreciada.