EventSource を使用して 1 対 1 のライブ接続チャットを作成しようとしています。イベント ソースがセットアップされており、開発者ツールが教えてくれることから、イベント ソースは開いていて動作していますが、PHP ファイルからの応答データは表示されません。
PHP:
<?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
session_start(); // Starting Session
include 'dbconnect.php';
include 'Session.php';
$messageuserid = $_GET['messageuserid'];
$RunSqlGM = "SELECT * FROM messages WHERE (SUsername = '$Session_Username' AND RUsername = '$messageuserid') OR (SUsername = '$messageuserid' AND RUsername = '$Session_Username')";
$getmessagethread = mysqli_query($con,$RunSqlGM)or die(mysqli_error());
while($MessageRows = mysqli_fetch_array($getmessagethread)) {
$MSUsername = $MessageRows['SUsername'];
$MRUsername = $MessageRows['RUsername'];
$MSender = $MessageRows['Sender'];
$MessageContent = $MessageRows['Message'];
$TimeStamp = date("g:ia \o\\n l jS F Y", strtotime($MessageRows["Time"]));
if ($MSender === $Session_Username) {
echo "<table class='messagebubbleright'>";
echo "<tr><th></th></tr>";
echo "<tr>";
echo "<td class='inforight'>$MSender<br>$TimeStamp</td>";
echo "</tr>";
echo "<tr>";
echo "<td class='bubbleright'>$MessageContent</td>";
echo "</tr>";
echo "</table>";
flush();
} else {
echo "<table class='messagebubbleleft'>";
echo "<tr><th></th></tr>";
echo "<tr>";
echo "<td class='infoleft'>$MSender<br>$TimeStamp</td>";
echo "</tr>";
echo "<tr>";
echo "<td class='bubbleleft'>$MessageContent</td>";
echo "</tr>";
echo "</table>";
flush();
}
}
mysqli_close($con); // Connection Closed
?>
そして、イベントソースを呼び出すjsは、ボタンクリックで起動されるこの関数に含まれています。
JS:
function GetMessages(GetMUserID) {
if (typeof(EventSource) !== "undefined") {
var source = new EventSource("db/getmessages.php?messageuserid=" + GetMUserID);
source.addEventListener("open", function() {
$("#readmessagearea").html("Getting server updates");
});
source.addEventListener("message", function(event) {
$("#readmessagearea").html(event.data);
});
} else {
$("#readmessagearea").html("Sorry, your browser does not support server-sent events...");
}
}
ヘルプやガイダンスをいただければ幸いです。私はSSEに比較的慣れていませんが、私が見る限り、これはうまくいくはずです。