首先是首頁,包含一個文本輸入和一個顯示聊天內容的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,基本上原理就是這樣了,當然這個性能不清楚,有興趣的自己試試,歡迎交流。