ws works for testing

2026-03-05 09:10:33 +01:00
parent c08937b613
commit 06b476b7cd
3 changed files with 103 additions and 0 deletions
@@ -0,0 +1,44 @@
+<?php
+
+require __DIR__ . '/../vendor/autoload.php';
+
+use Ratchet\MessageComponentInterface;
+use Ratchet\ConnectionInterface;
+use Ratchet\Server\IoServer;
+use Ratchet\Http\HttpServer;
+use Ratchet\WebSocket\WsServer;
+
+class TestServer implements MessageComponentInterface
+{
+
+    public function onOpen(ConnectionInterface $conn): void
+    {
+        $conn->send('Hello World!');
+        echo "New connection: {$conn->resourceId}\n";
+    }
+
+    public function onMessage(ConnectionInterface $from, $msg): void
+    {
+        $from->send("You said: $msg");
+    }
+
+    public function onClose(ConnectionInterface $conn): void
+    {
+        echo "Connection {$conn->resourceId} closed\n";
+    }
+
+    public function onError(ConnectionInterface $conn, \Exception $e): void
+    {
+        echo "Error: {$e->getMessage()}\n";
+        $conn->close();
+    }
+}
+
+$server = IoServer::factory(
+    new HttpServer(new WsServer(new TestServer())),
+    8080
+);
+
+echo "WebSocket server running on ws://localhost:8080\n";
+
+$server->run();
@@ -1,3 +1,50 @@
 <?php
 declare(strict_types=1);
 require __DIR__ . '/../vendor/autoload.php';
+
+use ComCen\Html\Html;
+
+$html = new Html();
+$html->content .= "
+<!DOCTYPE html>
+<html lang=\"en\">
+<head>
+    <meta charset=\"UTF-8\">
+    <title>Ratchet Hello World</title>
+</head>
+<body>
+    <h2>WebSocket Test</h2>
+    <div id=\"log\"></div>
+    <input id=\"msg\" type=\"text\" placeholder=\"Type a message...\" />
+    <button onclick=\"send()\">Send</button>
+    <button onclick='closeConnection()'>Disconnect</button>
+
+    <script>
+        const log = document.getElementById('log');
+        const ws = new WebSocket('ws://localhost:8080');
+
+        ws.onopen = () => append('Connected');
+        ws.onmessage = e => append('Server: ' + e.data);
+        ws.onclose = () => append('Disconnected');
+        ws.onerror = e => append('Error: ' + e.message);
+
+        function send() {
+            const input = document.getElementById('msg');
+            ws.send(input.value);
+            append('You: ' + input.value);
+            input.value = '';
+        }
+
+        function append(text) {
+            const p = document.createElement('p');
+            p.textContent = text;
+            log.appendChild(p);
+        }
+        function closeConnection() {
+            ws.close();
+        }
+    </script>
+</body>
+</html>
+";
+$html->renderContent();
@@ -0,0 +1,12 @@
+<?php
+
+namespace ComCen\Html;
+
+class Html
+{
+    public string $content = "";
+    function renderContent(): void
+    {
+        echo $this->content;
+    }
+}