Sswoole WebSocket案例 · 分布式架構設計

``` <?php //創建WebSocket Server對象，監聽0.0.0.0:9502端口 $ws = new Swoole\WebSocket\Server('0.0.0.0', 9502); // $ws->set([ // 'enable_static_handler' => true, // 'document_root' => "/home/wwwroot/target.testdomain.solutions/www", // ]); //監聽WebSocket連接打開事件 $ws->on('Open', function ($ws, $request) { $ws->push($request->fd, "hello, welcome\n"); }); //監聽WebSocket消息事件 $ws->on('Message', function ($ws, $frame) { echo "Message: {$frame->data}\n"; $ws->push($frame->fd, "server: {$frame->data}"); }); //監聽WebSocket連接關閉事件 $ws->on('Close', function ($ws, $fd) { echo "client-{$fd} is closed\n"; }); $ws->start(); ``` www目錄下的index.html ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> test1 <script> var wsServer = 'ws://target.testdomain.solutions:9502'; var websocket = new WebSocket(wsServer); websocket.onopen = function (evt) { websocket.send("hello world!"); console.log("Connected to WebSocket server."); }; websocket.onclose = function (evt) { console.log("Disconnected"); }; websocket.onmessage = function (evt) { console.log('Retrieved data from server: ' + evt.data); }; websocket.onerror = function (evt, e) { console.log('Error occured: ' + evt.data); }; </script> </body> </html> ```