首先是首頁,包含一個文本輸入和一個顯示聊天內容的iframe,還有一個隱藏iframe用來提交form表單:
複製代碼 代碼如下:<?php
//chat.php
header('cache-control: private');
header('Content-Type: text/html; charset=utf-8');
?>
<html>
<script type="text/javascript">
function submitChat(obj) {
obj.submit();
document.getElementsByName('content')[0].value = '';
}
</script>
<iframe src="./chat_content.php" height="300" width="100%"></iframe>
<iframe name="say" height="0" width="0"></iframe>
<form method="POST" target="say" action="./say.php" onsubmit="submitChat(this)">
<input type="text" size="30" name="content" /> <input type="button" value="say" onclick="submitChat(this.form)" />
</form>
</html>
另外一個就是儲存使用者提交的聊天內容了,我簡單的寫一下文本,而且沒有做什麼鎖定,這個只是簡易版本: 複製代碼 代碼如下:<?php
$content = trim($_POST['content']);
if ($content) {
$fp = fopen('./chat.txt', 'a');
fwrite($fp, $content . "\n");
fclose($fp);
clearstatcache();
}
?>
接下來看主要的HTTP長串連部分,也就是chat_content.php檔案: 複製代碼 代碼如下:<?php
header('cache-control: private');
header('Content-Type: text/html; charset=utf-8');
//測試設定30秒逾時,一般會設定比較長時間。
set_time_limit(30);
//這一行是為了搞定IE這個BT
echo str_repeat(' ', 256);
ob_flush();
flush();
$fp = new SplFileObject('./chat.txt', 'r+');
$line = 0;
$totalLine = 0;
while (!$fp->eof()) {
$fp->current();
$totalLine++;
$fp->next();
}
$fp->seek($totalLine);
$i = $totalLine - 1;
while (true) {
if (!$fp->eof()) {
if ($content = trim($fp->current())) {
echo '<div>';
echo htmlspecialchars($content);
echo "</div>";
flush();
$fp->next();
$i++;
}
} else {
$fp->seek($i - 1);
$fp->next();
}
{
//這裡可以添加心跳檢測後退出迴圈
}
usleep(1000);
}
?>
我一行行解釋一下,其實也比較容易理解:
06. 設定一個逾時時間,由於要保持HTTP長串連,這個時間肯定要比較長,可能要幾個小時吧,上面提到的文章裡也有說明,這種HTTP長串連只能開啟兩個,由於瀏覽器的限制。另外其實即使你設定了一個永不逾時,其實上伺服器部分(如Apache)的設定檔也可能對HTTP請求設定了最長等待時間,所以也可能效果會不是你想的,一般預設可能都是15分鐘逾時。如果有興趣可以自己嘗試修改。
09. 這裡輸出了一段空白,主要是手冊上已經說明了,IE瀏覽器在前面256個字元是不會直接輸出的,所以我們先隨便輸出些空白,以便讓後面的內容輸出來,可能其他瀏覽器也有其他瀏覽器的設定,具體可以查看PHP手冊的frush函數的說明。接下去11、12行就是強制把這些空白符丟給瀏覽器輸出。
13. ~ 20. 這裡主要是為了計算檔案行數,以便從這一行後面開始讀內容。
接下去的while迴圈就是一個死迴圈了,就是迴圈輸出檔案內容,每次判斷是否到達檔案末尾,如果有使用者寫入檔案,則當前檢測肯定不是檔案末尾,就將該行讀取出來輸出,否則將指標往前移動一行,繼續迴圈,每次等待1000微秒,
39. 如果一直保持長串連,那麼即使用戶端斷開,服務端也不一定能知道用戶端已經斷開,所以這裡可能還需要做一些心跳記錄,比如每個使用者保持一個心跳flag,每格幾秒更新一下最後心跳時間,當檢測最後時間很久沒更新後,推出這個死迴圈,關閉這個HTTP串連。
OK,基本上原理就是這樣了,當然這個效能不清楚,有興趣的自己試試,歡迎交流。