在PHP中實現即時聊天功能，通常需要結合前端技術和后端技術。以下是一個簡單的實現步驟：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP即時聊天</title>
<style>
.chat-container {
width: 300px;
height: 400px;
border: 1px solid #ccc;
overflow-y: scroll;
margin: 0 auto;
}
.message {
max-width: 70%;
padding: 10px;
margin: 5px;
border-radius: 5px;
}
.user {
text-align: right;
background-color: #007bff;
color: white;
}
.other {
text-align: left;
background-color: #f8f9fa;
color: black;
}
</style>
</head>
<body>
<div class="chat-container" id="chat-container">
</div>
<input type="text" id="message-input" placeholder="輸入消息...">
<button id="send-message">發送</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
const chatContainer = $('#chat-container');
const messageInput = $('#message-input');
const sendMessageButton = $('#send-message');
// 連接WebSocket服務器
const socket = new WebSocket('ws://your_server_address');
// 監聽WebSocket消息事件
socket.addEventListener('message', function(event) {
const message = JSON.parse(event.data);
appendMessage(message.text, message.type);
});
// 發送消息到WebSocket服務器
sendMessageButton.click(function() {
const messageText = messageInput.val();
if (messageText) {
socket.send(JSON.stringify({ text: messageText, type: 'user' }));
messageInput.val('');
}
});
// 關閉WebSocket連接
$(window).on('beforeunload', function() {
socket.close();
});
// 輔助函數：追加消息到聊天容器
function appendMessage(text, type) {
const messageElement = $('<div class="message ' + type + '">' + text + '</div>');
chatContainer.append(messageElement);
chatContainer.scrollTop(chatContainer[0].scrollHeight);
}
});
</script>
</body>
</html>
<?php
// server.php
// 創建WebSocket服務器
$server = new Swoole\WebSocket\Server("0.0.0.0", 9501);
// 監聽WebSocket消息事件
$server->on('message', function (Swoole\WebSocket\Server $server, $frame) {
$data = json_decode($frame->data, true);
$text = $data['text'];
$type = $data['type'];
// 將消息廣播給所有客戶端
foreach ($server->connections as $connection) {
$server->push($connection, json_encode([
'text' => $text,
'type' => $type
]));
}
});
// 啟動WebSocket服務器
$server->start();
php server.php
注意：這個示例使用了Swoole擴展來實現WebSocket服務器。你需要先在PHP環境中安裝Swoole擴展。安裝方法如下：
pecl install swoole
echo "extension=swoole.so" | sudo tee /etc/php/7.x/mods-available/swoole.ini
sudo phpenmod swoole
sudo service php7.x-fpm restart
請將7.x替換為你使用的PHP版本。
