php websocket 帧封装,swoole websocket封装类和调用

上代码 ws.php

/**

* ws 优化 基础类库

* User: singwa

* Date: 18/3/2

* Time: 上午12:34

*/

class Ws {

CONST HOST = "0.0.0.0";

CONST PORT = 9512;

public $ws = null;

public function __construct() {

$this->ws = new swoole_websocket_server("0.0.0.0", 9512);

$this->ws->set(

[

'worker_num' => 2,

'task_worker_num' => 2,

]

);

$this->ws->on("open", [$this, 'onOpen']);

$this->ws->on("message", [$this, 'onMessage']);

$this->ws->on("task", [$this, 'onTask']);

$this->ws->on("finish", [$this, 'onFinish']);

$this->ws->on("close", [$this, 'onClose']);

$this->ws->start();

}

/**

* 监听ws连接事件

* @param $ws

* @param $request

*/

public function onOpen($ws, $request) {

var_dump($request->fd);

if($request->fd == 1) {

// 每2秒执行

swoole_timer_tick(2000, function($timer_id){

echo "2s: timerId:{$timer_id}\n";

});

}

}

/**

* 监听ws消息事件

* @param $ws

* @param $frame

*/

public function onMessage($ws, $frame) {

echo "ser-push-message:{$frame->data}\n";

// todo 10s

$data = [

'task' => 1,

'fd' => $frame->fd,

];

//$ws->task($data);

swoole_timer_after(5000, function() use($ws, $frame) {

echo "5s-after\n";

$ws->push($frame->fd, "server-time-after:");

});

$ws->push($frame->fd, "server-push:".date("Y-m-d H:i:s"));

}

/**

* @param $serv

* @param $taskId

* @param $workerId

* @param $data

*/

public function onTask($serv, $taskId, $workerId, $data) {

print_r($data);

// 耗时场景 10s

sleep(10);

return "on task finish"; // 告诉worker

}

/**

* @param $serv

* @param $taskId

* @param $data

*/

public function onFinish($serv, $taskId, $data) {

echo "taskId:{$taskId}\n";

echo "finish-data-sucess:{$data}\n";

}

/**

* close

* @param $ws

* @param $fd

*/

public function onClose($ws, $fd) {

echo "clientid:{$fd}\n";

}

}

$obj = new Ws();

前端代码 ws_client.html

dahai-swoole-ws测试

var wsUrl = "ws://192.168.244.132:9512";

var websocket = new WebSocket(wsUrl);

//实例对象的onopen属性

websocket.onopen = function(evt) {

websocket.send("hello-sinwa");

console.log("conected-swoole-success");

}

// 实例化 onmessage

websocket.onmessage = function(evt) {

console.log("ws-server-return-data:" + evt.data);

}

//onclose

websocket.onclose = function(evt) {

console.log("close");

}

//onerror

websocket.onerror = function(evt, e) {

console.log("error:" + evt.data);

}

结果