Swoole의 웹소켓 연결 표시-Swoole-php.cn

Swoole의 웹소켓 연결 표시

coldplay.xixi

풀어 주다： 2021-03-16 10:40:30

앞으로

2895명이 탐색했습니다.

Swoole의 웹소켓 연결 표시

편집자도 swoole을 처음 접했습니다. 공식 문서에는 swoole 데모에 대한 정보가 거의 제공되지 않고 일부 부분이 명확하게 설명되지 않았습니다. 하루 이틀 고생한 끝에 마침내 websocket handshake를 작성했습니다. 내 경험이 도움이 필요한 사람들에게 도움이 될 수 있기를 바랍니다.

먼저 제 실행 환경이 외부 네트워크 서버에 직접 배치되어 있다는 점을 소개하겠습니다. 프로그램 실행 환경에 대해서는 자세히 설명하지 않겠습니다. swoole 공식 홈페이지를 참고하시면 됩니다. 그 중 편집자는 HTTP 서버 또는 웹소켓 모니터를 허용하는 포트를 서버에서 열어야 한다는 함정에 직면했습니다. 그리고 나가는 방향을 설정해야 합니다. 그렇지 않으면 ip: port

권장(무료): swoole

여기서 웹소켓 서버

1에 연결하는 두 가지 방법을 소개합니다. 우리의 HTML 페이지는 websoket 서버에 연결되므로 3개의 파일이 필요합니다. 1 http.php 2 ws.php 3 ws.html 역시 공식문서를 참고해서 작성한 제 사진을 간단히 붙여넣으세요

http.php

<?php
/**
 * Created by PhpStorm.
 * User: xyj
 * Date: 18-9-9
 * Time: 下午4:31
 */

//实例化
$http_server = new swoole_http_server(&#39;0.0.0.0&#39;,9501);

//服务器配置
$http_server->set(
    [
        &#39;enable_static_handler&#39; => true,
        &#39;document_root&#39; => &#39;/www/wwwroot/test_project/swoole&#39;,
    ]
);

$http_server->on(&#39;request&#39;,function($request ,$response){
    //print_r($request->get);
    //设置响应头信息
    $response->cookie(&#39;xyj&#39;,&#39;hello&#39;,86400);
    //服务器返回信息
    $response->end(&#39;http_server&#39; . json_encode($request->get));
});

$http_server->start();

로그인 후 복사

ws.php

<?php
/**
 * Created by PhpStorm.
 * User: xyj
 * Date: 18-9-9
 * Time: 下午5:02
 */

//创建websocket服务器对象，监听0.0.0.0:9502端口
$ws = new swoole_websocket_server("0.0.0.0", 9502);

$ws->set(
    [
        &#39;enable_static_handler&#39; => true,
        &#39;document_root&#39; => &#39;/www/wwwroot/test_project/swoole&#39;,
    ]
);
//监听WebSocket连接打开事件
$ws->on(&#39;open&#39;, function ($ws, $request) {
    var_dump($request->fd, $request->get, $request->server);
    $ws->push($request->fd, "hello, welcome\n");
});

//监听WebSocket消息事件
$ws->on(&#39;message&#39;, function ($ws, $frame) {
    echo "Message: {$frame->data}\n";
    $ws->push($frame->fd, "server: {$frame->data}");
});

//监听WebSocket连接关闭事件
$ws->on(&#39;close&#39;, function ($ws, $fd) {
    echo "client-{$fd} is closed\n";
});

$ws->start();

로그인 후 복사

ws.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<h1>hello swoole 测试</h1>
</body>
</html>

<script>
    var wsServer = &#39;ws://:9502&#39;;
    var websocket = new WebSocket(wsServer);
    websocket.onopen = function (evt) {
        websocket.send(&#39;hello swoole!!!&#39;);
        console.log("Connected to WebSocket server.");
    };

    websocket.onclose = function (evt) {
        console.log("Disconnected");
    };

    websocket.onmessage = function (evt) {
        console.log(&#39;Retrieved data from server: &#39; + evt.data);
    };

    websocket.onerror = function (evt, e) {
        console.log(&#39;Error occured: &#39; + evt.data);
    };
</script>

로그인 후 복사

그렇다면 로컬에서 테스트됨 환경이 실행 중인 경우 wsServer = 'ws://127.0.0.1:9502' 외부 네트워크인 경우 127.0.0.1을 브라우저에서 액세스하는 주소로 변경해야 합니다. 웹소켓 서버 포트와 일치하지 않으면 액세스할 수 없습니다

이제 준비가 완료되었으므로 웹소켓에 액세스하기 시작합니다. 먼저 터미널에서 http.php 및 ws.php를 실행합니다. 이는 정상적인 상황입니다. 일반적인 문제는 포트가 점유되어 있는 경우입니다. swoole 확장이 설치되지 않았거나 구문 오류가 있으므로 공식 문서를 주의 깊게 읽으십시오.

포트가 점유된 경우 lsof -i:9501 명령을 사용하여 포트 정보를 볼 수 있습니다. 죽이기 전에 해당 포트가 중요한 포트인지 주의 깊게 확인하십시오.

또 다른 옵션은 http.php를 열었는데 닫은 후 점유될 수 있는 포트가 제때에 해제되지 않는다는 것입니다. http.php를 다시 PHP하면 포트가 점유되어 있다는 오류가 발생합니다. netstat -ntlp 명령을 사용하여 상위 프로세스를 종료한 다음 실행하면 됩니다. 표시된 대로 이 명령을 계속 사용하면 됩니다.