php聊天室代码简单

基础概念

PHP聊天室是一种基于PHP语言开发的实时通信应用程序。它允许用户在网页上实时发送和接收消息。PHP聊天室通常使用WebSocket或长轮询技术来实现实时通信。

类型

基于WebSocket的聊天室：使用WebSocket协议实现实时通信，性能高，延迟低。
基于长轮询的聊天室：客户端定期向服务器发送请求，检查是否有新消息，适用于不支持WebSocket的环境。

应用场景

在线客服系统：企业可以使用PHP聊天室提供在线客服服务，提高客户满意度。
社交平台：在线论坛、社区等社交平台可以使用PHP聊天室实现用户之间的实时交流。
教育平台：在线教育平台可以使用PHP聊天室进行师生互动。

示例代码

以下是一个简单的基于长轮询的PHP聊天室示例：

服务器端代码（server.php）

<?php
$messages = [];
$clients = [];

if (isset($_POST['username'])) {
    $clients[$_POST['username']] = $_SERVER['REMOTE_ADDR'];
}

if (isset($_GET['username'])) {
    $username = $_GET['username'];
    while (true) {
        if (isset($messages[$username])) {
            echo json_encode($messages[$username]);
            unset($messages[$username]);
            break;
        }
        usleep(100000); // 100ms
    }
} else {
    if (isset($_POST['message'])) {
        $message = $_POST['message'];
        foreach ($clients as $username => $ip) {
            $messages[$username][] = [
                'username' => $_POST['username'],
                'message' => $message,
                'time' => date('Y-m-d H:i:s')
            ];
        }
    }
}
?>

客户端代码（index.html）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP Chat Room</title>
    <script>
        function sendMessage() {
            var xhr = new XMLHttpRequest();
            xhr.open('POST', 'server.php', true);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.send('username=' + encodeURIComponent(username) + '&message=' + encodeURIComponent(message));
        }

        function receiveMessage(username) {
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'server.php?username=' + encodeURIComponent(username), true);
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    var messages = JSON.parse(xhr.responseText);
                    for (var i = 0; i < messages.length; i++) {
                        var message = messages[i];
                        document.getElementById('messages').innerHTML += '<p>' + message.username + ': ' + message.message + ' (' + message.time + ')<p>';
                    }
                }
            };
            xhr.send();
        }

        var username = prompt('Enter your username:');
        var message = '';

        setInterval(function() {
            receiveMessage(username);
        }, 1000);

        document.getElementById('sendButton').onclick = sendMessage;
    </script>
</head>
<body>
    <h1>PHP Chat Room</h1>
    <div id="messages"></div>
    <input type="text" id="message" placeholder="Type a message...">
    <button id="sendButton">Send</button>
</body>
</html>