ThinkPHP6初步运行swoole运行初步Websocket
2022-11-24 11:10:29
264
{{single.collect_count}}

ThinkPHP6初步运行swoole运行初步Websocket

初步启动swoole

1.tp6官网composer安装swoole
2.使用php think swoole 启动swoole 像 start stop restart 命令均失效
3.启动后可在浏览器内根据IP+端口访问代码文件进行测试

启动Websocket

1.复制websocket后台测试基本代码

/创建WebSocket Server对象,监听0.0.0.0:9502端口$ws = new Swoole\WebSocket\Server('0.0.0.0', 9502, SWOOLE_PROCESS, SWOOLE_SOCK_TCP | SWOOLE_SSL);//前端是wss需要配置证书路径$ws->set(array('ssl_cert_file' => '/www/server/panel/vhost/ssl/tp.am.zjm0305.top/fullchain.pem','ssl_key_file' => '/www/server/panel/vhost/ssl/tp.am.zjm0305.top/privkey.pem',));//监听WebSocket连接打开事件$ws->on('Open', function ($ws, $request) {$ws->push($request->fd, "hello, welcome\n");});//监听WebSocket消息事件$ws->on('Message', function ($ws, $frame) {echo "Message: {$frame->data}\n";$ws->push($frame->fd, "server: {$frame->data}");});//监听WebSocket连接关闭事件$ws->on('Close', function ($ws, $fd) {echo "client-{$fd} is closed\n";});$ws->start();

2.前台测试基本代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><input type="text" placeholder="请输入内容"><button>发送</button><div></div></body><script>let input = document.querySelector('input')let button= document.querySelector('button')let div = document.querySelector('div')//必须是域名 因为证书挂在这个域名上var wsServer = 'wss://test.top:9502';var websocket = new WebSocket(wsServer);websocket.onopen = function (evt) {console.log("Connected to WebSocket server.");};websocket.onclose = function (evt) {console.log("Disconnected");};websocket.onmessage = function (evt) {console.log('Retrieved data from server: ' + evt.data);};websocket.onerror = function (evt, e) {console.log('Error occured: ' + evt.data);};</script></html>

3.注意开放对应端口即可

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}