客戶端測試 · MixPHP V1 開發指南

## 客戶端測試 **1. 在 Web 應用中生成一個 sessionid ，用于測試代碼中的會話。** 修改 `apps/httpd/controllers/IndexController.php` 文件的默認動作，代碼如下： ~~~ // 默認動作 public function actionIndex() { \Mix::app()->session->set('userinfo', ['uid' => 1008, 'name' => '小明']); return \Mix::app()->session->getSessionId(); } ~~~ 在瀏覽器中訪問將得到一個 `sessionid` 值。 **2. 啟動 mix-websocketd 服務。** ~~~ mix-websocketd service start ~~~ **3. 修改下面代碼的 ip / port / sessionid 這些值，另存為一個 HTML 文件，在 Chrome 調試模式的 Console 窗口中調試。** ~~~ <html> <head> <title>WebSocket</title> </head> <body> <script> var webSocket = function () { ws = new WebSocket("ws://192.168.181.131:9502?session_id=M1WqwAlYmp1bVUkuB6cVUlD2Rq"); ws.onopen = function() { console.log("連接成功"); }; ws.onmessage = function(e) { console.log("收到服務端的消息：" + e.data); }; ws.onclose = function() { console.log("連接關閉"); }; }; webSocket(); </script> </body> </html> ~~~ **4. 開始測試** >[success] 加入房間范例代碼測試。在 Console 窗口中輸入： ~~~ ws.send('{"event":"joinRoom","params":{"room_id":88888}}'); ~~~ 會收到以下響應： ~~~ 收到服務端的消息：{"callback":"joinRoom","data":{"message":"小明加入房間"}} 收到服務端的消息：{"callback":"joinRoom","data":{"message":"我加入房間"}} ~~~ >[success] 發送消息給用戶范例代碼測試。在 Console 窗口中輸入： ~~~ ws.send('{"event":"messageEmit","params":{"to_uid":1008,"message":"Hello World"}}'); ~~~ 會收到以下響應： ~~~ 收到服務端的消息：Hello World ~~~