JavaScript · MixPHP V2.1 開發指南

## JavaScript **1. 啟動服務器** ~~~ php bin/mix.php ws:start --host=0.0.0.0 --port=9502 ~~~ **2. 將下面代碼另存為一個 HTML 文件，在 Chrome 調試模式的 Console 窗口中調試** ~~~ <html> <head> <title>WebSocket</title> </head> <body> <script> var webSocket = function () { ws = new WebSocket("ws://192.168.1.101:9502/websocket"); ws.onopen = function() { console.log("連接成功"); }; ws.onmessage = function(e) { console.log("收到服務端的消息：" + e.data); }; ws.onclose = function() { console.log("連接關閉"); }; }; webSocket(); </script> </body> </html> ~~~ **3. 開始測試** - 加入房間范例代碼測試。在 Console 窗口中輸入： ~~~ ws.send('{"method":"join.room","params":[1012,"小明"],"id":1}'); ~~~ 會收到以下響應： ~~~ 收到服務端的文本消息：{"jsonrpc":"2.0","error":null,"result":{"status":"success"},"id":1} ~~~ - 發送消息給用戶范例代碼測試。在 Console 窗口中輸入： ~~~ ws.send('{"method":"message.emit","params":["大家好"],"id":2}'); ~~~ 會收到以下響應： ~~~ 收到服務端的文本消息：{"jsonrpc":"2.0","error":null,"result":{"status":"success"},"id":2} 收到服務端的文本消息：{"jsonrpc":"2.0","method":"message.update","params":["大家好","1012"],"id":null} ~~~