用swoole和websocket開發簡單聊天室


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

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

public function start()
{ $
this->lock = new swoole_lock(SWOOLE_MUTEX);            // 對文件或數組進行鎖操作,已達到同步 $this->server = new swoole_websocket_server($this->addr, $this->port);  // swoole提供的Websocket Server $this->server->set(array( 'daemonize' => 0, 'worker_num' => 4, 'task_worker_num' => 10, 'max_request' => 1000, 'log_file' => ROOT_PATH . 'storage\\logs\\swoole.log' // swoole日志路徑,必須是絕對路徑 )); $this->server->on('open', array($this, 'onOpen')); $this->server->on('message', array($this, 'onMessage')); $this->server->on('task', array($this, 'onTask')); $this->server->on('finish', array($this, 'onFinish')); $this->server->on('close', array($this, 'onClose'));
   // 啟動服務 $
this->server->start(); }

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

        public function onOpen($server, $request)
        {
            $message = array(
                'remote_addr' => $request->server['remote_addr'],
                'request_time' => date('Y-m-d H:i:s', $request->server['request_time'])
            );
            write_log($message);
        }

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

        public function onMessage($server, $frame)
        {
            $data = json_decode($frame->data);

            switch ($data->type) {
                case 'init':
                case 'INIT':
                    $this->users[$frame->fd] = $data->message;  // 記錄每個鏈接的信息,同樣不要嘗試打印出來看,因為你只能看到自己的鏈接信息
                    $message = '歡迎' . $data->message . '加入了聊天室';
                    $response = array(
                        'type' => 1,    // 1代表系統消息,2代表用戶聊天
                        'message' => $message
                    );
                    break;
                case 'chat':
                case 'CHAT':
                    $message = $data->message;
                    $response = array(
                        'type' => 2,    // 1代表系統消息,2代表用戶聊天
                        'username' => $this->users[$frame->fd],
                        'message' => $message
                    );
                    break;
                default:
                    return false;
            }
                // 將信息交給task處理 $
this->server->task($response); } public function onTask($server, $task_id, $from_id, $message) {
       // 迭代所有的客戶端鏈接,將消息推送過去。(如果你嘗試將 $this->server->connections 打印出來,那么你會發現他是空的。但當時用 foreach 去循環時,它確實有用。)
foreach ($this->server->connections as $fd) { $this->server->push($fd, json_encode($message)); } $server->finish( 'Task' . $task_id . 'Finished' . PHP_EOL); }

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

        public function onClose($server, $fd)
        {
            $username = $this->users[$fd];
            // 釋放客戶端,利用鎖進行同步
            $this->lock->lock();
            unset($this->users[$fd]);
            $this->lock->unlock();

            if( $username ) {
                $response = array(
                    'type' => 1,    // 1代表系統消息,2代表用戶聊天
                    'message' => $username . '離開了聊天室'
                );
                $this->server->task($response);
            }


            write_log( $fd . ' disconnected');
        }

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

        // websocket
        let address = 'ws://<?php echo CLIENT_CONNECT_ADDR . ':' . CLIENT_CONNECT_PORT ?>';
        let webSocket = new WebSocket(address);
        webSocket.onerror = function (event) {
            alert('服務器連接錯誤,請稍后重試');
        };
        webSocket.onopen = function (event) {
            if(!sessionStorage.getItem('username')) {
                setName();
            }else {
                username = sessionStorage.getItem('username')
                webSocket.send(JSON.stringify({
                    'message': username,
                    'type': 'init'
                }));
            }
        };
        webSocket.onmessage = function (event) {
            console.log(event);
            let data = JSON.parse(event.data);
            if (data.type == 1) {
                $('#chat-list2').append('<li class="ui-border-tb"><span class="username">系統消息:</span><span class="message">' + data.message + '</span></li>');
            } else if (data.type == 2) {
                $('#chat-list2').append('<li class="ui-border-tb"><span class="username">' + data.username + ':</span><span class="message">' + data.message + '</span></li>');
            }

        };
        webSocket.onclose = function (event) {
            alert('散了吧,服務器都關了');
        };

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM