當前位置:首頁 > 綜合實例 > 列表

swoole和websocket簡單聊天室開發

發布:smiling 來源: PHP粉絲網  添加日期:2018-09-14 09:27:57 瀏覽: 評論:0 

首先,我想說下寫代碼的一些習慣,第一,任何可配置的參數或變量都要寫到一個config文件中。第二,代碼中一定要有日志記錄和完善的報錯并記錄報錯。言歸正傳,swoole應該是每個phper必須要了解的,它號稱重新定義了php。此聊天室利用了swoole高并發并且異步非阻塞的特點提高了程序的性能。

首先,定義一個 swoole_lock 和 swoole_websocket_server ,并且配置參數,具體參數詳情可以去swoole官網查看。

  1. public function start() 
  2.    $this->lock = new swoole_lock(SWOOLE_MUTEX);             
  3.   
  4.    // 對文件或數組進行鎖操作,已達到同步 
  5.    $this->server = new swoole_websocket_server($this->addr, $this->port);   
  6.   
  7.    // swoole提供的Websocket Server 
  8.    $this->server->set(array
  9.       'daemonize' => 0, 
  10.       'worker_num' => 4, 
  11.       'task_worker_num' => 10, 
  12.       'max_request' => 1000, 
  13.       'log_file' => ROOT_PATH . 'storage\\logs\\swoole.log'   
  14.   
  15.     // swoole日志路徑,必須是絕對路徑 
  16.    )); 
  17.   
  18.    $this->server->on('open'array($this'onOpen')); 
  19.    $this->server->on('message'array($this'onMessage')); 
  20.    $this->server->on('task'array($this'onTask')); 
  21.    $this->server->on('finish'array($this'onFinish')); 
  22.    $this->server->on('close'array($this'onClose')); 
  23.    //phpfensi.com 
  24.    // 啟動服務 
  25.    $this->server->start(); 

當有客戶端鏈接時,簡單記錄客戶端的信息。

  1. public function onOpen($server$request
  2.     { 
  3.       $message = array
  4.         'remote_addr' => $request->server['remote_addr'], 
  5.         'request_time' => date('Y-m-d H:i:s'$request->server['request_time']) 
  6.       ); 
  7.       write_log($message); 
  8.     } 

當有客戶端發送信息時,對信息進行處理。

  1. public function onMessage($server$frame
  2.     { 
  3.       $data = json_decode($frame->data); 
  4.   
  5.       switch ($data->type) { 
  6.         case 'init'
  7.         case 'INIT'
  8.           $this->users[$frame->fd] = $data->message;  、 
  9.   
  10.       // 記錄每個鏈接的信息,同樣不要嘗試打印出來看,因為你只能看到自己的鏈接信息 
  11.           $message = '歡迎' . $data->message . '加入了聊天室'
  12.           $response = array
  13.             'type' => 1,  // 1代表系統消息,2代表用戶聊天 
  14.             'message' => $message 
  15.           ); 
  16.           break
  17.         case 'chat'
  18.         case 'CHAT'
  19.           $message = $data->message; 
  20.           $response = array
  21.             'type' => 2,  // 1代表系統消息,2代表用戶聊天 
  22.             'username' => $this->users[$frame->fd], 
  23.             'message' => $message 
  24.           ); 
  25.           break
  26.         default
  27.           return false; 
  28.       } 
  29.          
  30.        // 將信息交給task處理 
  31.       $this->server->task($response); 
  32.     } 
  33.   
  34.     public function onTask($server$task_id$from_id$message
  35.     { 
  36.         //phpfensi.com 
  37.   // 迭代所有的客戶端鏈接,將消息推送過去。(如果你嘗試將 $this->server->connections 打印出來,那么你會發現他是空的。但當時用 foreach 去循環時,它確實有用。) 
  38.       foreach ($this->server->connections as $fd) { 
  39.         $this->server->push($fd, json_encode($message)); 
  40.       } 
  41.       $server->finish( 'Task' . $task_id . 'Finished' . PHP_EOL); 
  42.     } 

最后,當客戶端斷開鏈接時,利用鎖機制,同步刪除客戶端信息,并記錄日志。

  1. public function onClose($server$fd
  2.     { 
  3.       $username = $this->users[$fd]; 
  4.       // 釋放客戶端,利用鎖進行同步 
  5.       $this->lock->lock(); 
  6.       unset($this->users[$fd]); 
  7.       $this->lock->unlock(); 
  8.   
  9.       if$username ) { 
  10.         $response = array
  11.           'type' => 1,  // 1代表系統消息,2代表用戶聊天 
  12.           'message' => $username . '離開了聊天室' 
  13.         ); 
  14.         $this->server->task($response); 
  15.       } 
  16.   
  17.   
  18.       write_log( $fd . ' disconnected'); 
  19.     } 

服務端完了,下面就是客戶端,很簡單,只需要用websocket鏈接就ok!

  1. // websocket 
  2.     let address = 'ws://<?php echo CLIENT_CONNECT_ADDR . ':' . CLIENT_CONNECT_PORT ?>'
  3.     let webSocket = new WebSocket(address); 
  4.     webSocket.onerror = function (event) { 
  5.       alert('服務器連接錯誤,請稍后重試'); 
  6.     }; 
  7.     webSocket.onopen = function (event) { 
  8.       if(!sessionStorage.getItem('username')) { 
  9.         setName(); 
  10.       }else { 
  11.         username = sessionStorage.getItem('username'
  12.         webSocket.send(JSON.stringify({ 
  13.           'message': username, 
  14.           'type''init' 
  15.         })); 
  16.       } 
  17.     }; 
  18.     webSocket.onmessage = function (event) { 
  19.       console.log(event); 
  20.       let data = JSON.parse(event.data); 
  21.       if (data.type == 1) { 
  22.         $('#chat-list2').append('<li class="ui-border-tb"><span class="username">系統消息:</span><span class="message">' + data.message + '</span></li>'); 
  23.       } else if (data.type == 2) { 
  24.         $('#chat-list2').append('<li class="ui-border-tb"><span class="username">' + data.username + ':</span><span class="message">' + data.message + '</span></li>'); 
  25.       } 
  26.   
  27.     }; 
  28.     webSocket.onclose = function (event) { 
  29.       alert('散了吧,服務器都關了'); 
  30.     }; 

詳細代碼可以去我的github下載

Tags: swoole websocket

分享到:

天气网首页彩吧