在ThinkPHP框架下使用WebSocket实现在线聊天室，需要使用swoole扩展。swoole是一个基于C语言编写的、为PHP提供异步、并行、高性能网络通信和应用的扩展。
下面是实现的步骤：
1.安装swoole扩展：可以使用pecl命令进行安装，也可以手动下载源码编译安装。
2.创建WebSocket服务器：在ThinkPHP的控制器中，使用swoole_http_server类创建WebSocket服务器，并监听客户端连接。
3.处理WebSocket消息：在WebSocket服务器的onMessage回调函数中，处理客户端发送过来的消息，并将消息广播给所有连接的客户端。
4.前端页面：使用HTML、CSS和JavaScript编写前端页面，通过WebSocket与WebSocket服务器进行通信，实现实时聊天功能。
下面是一个简单的示例代码：
use \swoole_websocket_server;
class Chat
{
protected $server;
public function __construct()
{
$this->server = new swoole_websocket_server("0.0.0.0", 9501);
$this->server->on("open", [$this, "onOpen"]);
$this->server->on("message", [$this, "onMessage"]);
$this->server->on("close", [$this, "onClose"]);
$this->server->start();
}
public function onOpen($server, $request)
{
// 新的WebSocket连接
}
public function onMessage($server, $frame)
{
// 处理WebSocket消息
}
public function onClose($server, $fd)
{
// WebSocket连接关闭
}
}在onMessage回调函数中，可以使用broadcast函数将消息广播给所有连接的客户端：
public function onMessage($server, $frame)
{
foreach ($this->server->connections as $fd) {
$this->server->push($fd, $frame->data);
}
}在前端页面中，可以使用WebSocket API与WebSocket服务器进行通信：
var ws = new WebSocket("ws://localhost:9501");
ws.onopen = function() {
// WebSocket连接已经建立
};
ws.onmessage = function(event) {
// 收到WebSocket消息
};
ws.onclose = function() {
// WebSocket连接已经关闭
};通过以上步骤，便可以在ThinkPHP框架下使用WebSocket实现在线聊天室。