zoukankan      html  css  js  c++  java
  • 简单websocket双向连接

    websocket.html

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title></title>
      </head>
      <body>
    
      </body>
      <script>
        var websocket = new WebSocket('ws://117.13.63.36:9502'); //192.338.139.103:9502
        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);
        };
      </script>
    
    </html>
    

      

    websocket.php

    <?php
    $server = new SwooleWebsocketServer("0.0.0.0", 9502);
    
    $server->on('open', function($server, $req) {
       echo "connection open: {$req->fd}
    ";
    });
    
    $server->on('message', function($server, $frame) {
       echo "received message: {$frame->data}
    ";
       $server->push($frame->fd, json_encode(["hello", "world"]));
    });
    
    $server->on('close', function($server, $fd) {
       echo "connection close: {$fd}
    ";
    });
    
    $server->start();

    开启服务端 执行websocket.php 文件 然后运行html文件即可互相通信

  • 相关阅读:
    第07组 Alpha冲刺(2/4)
    第07组 Alpha冲刺(1/4)
    团队项目-需求分析报告
    团队项目-选题报告
    1381 硬币游戏
    1381 硬币游戏
    1347 旋转字符串
    1344 走格子
    1305 Pairwise Sum and Divide
    1384 全排列
  • 原文地址:https://www.cnblogs.com/kevin-yang123/p/14135769.html
Copyright © 2011-2022 走看看