PHP WebSocket

最新推荐文章于 2024-03-24 21:49:45 发布
最新推荐文章于 2024-03-24 21:49:45 发布
阅读量331 收藏 2
点赞数
分类专栏： # PHP # 计算机网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43415644/article/details/108463326
版权

强调一下：websocket 是一个应用层协议，协议标识符为ws 即websocket的缩写，wss 为 websocket security的缩写

websocket步骤

来自客户端的握手，在服务端看来，就是客户端发过来一段HTTP报头

GET / HTTP/1.1
Host: 101.200.142.148:8880
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:80.0) Gecko/20100101 Firefox/80.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2
Accept-Encoding: gzip, deflate
Connection: keep-alive
Upgrade-Insecure-Requests: 1

这时，服务端需要响应如下信息给客户端，这样握手就成功了。

#一个demo

客户端：

<!--
 * @Author: your name
 * @Date: 2020-09-08 16:06:27
 * @LastEditTime: 2020-09-08 16:34:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /undefined/Users/mac/Desktop/index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p>这是一个websocket的demo</p>
</body>
<script>
    socket = new WebSocket("ws://101.200.142.148:8880");
    console.log(socket);
    //握手成功后执行
    socket.onopen = function(){
        console.log("连接成功");
        //向服务器发送数据
        socket.send("hello server");
    }
    //当服务端有消息发来时执行
    socket.onmessage = function(e){
        console.log(e);
        console.log(e.data);
    }
</script>
</html>

服务端：

<?php
/*
 * @Author: your name
 * @Date: 2020-09-08 16:19:05
 * @LastEditTime: 2020-09-08 16:29:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /undefined/Users/mac/Desktop/websocket_demo/server.php
 */
$socket = socket_create(AF_INET,SOCK_STREAM,SOL_TCP);
socket_set_option($socket,SOL_SOCKET,SO_REUSEADDR,true);
socket_bind($socket,0,8880);
socket_listen($socket);
while(true){
        $connSock = socket_accept($socket);
        $request = socket_read($connSock,1024);
        $response = handShake($request);
        echo $response;
        //响应客户端的握手请求
        socket_write($connSock,$response,strlen($response));
        //接收客户端传来的数据
        $res = socket_read($connSock,1024);
        //解码数据帧
        echo decode($res);
        //向客户端发送数据
        $str = "hello Client";
        //编码数据帧
        $str = frame($str);
        socket_write($connSock,$str,strlen($str));
}


function handShake($request){
        preg_match("/Sec-WebSocket-Key:(.*)\r\n/",$request,$match);
        $key = trim($match[1]);
        var_dump($match);
        $new_key =base64_encode(sha1($key.'258EAFA5-E914-47DA-95CA-C5AB0DC85B11',true));
        $response = "HTTP/1.1 101 Switching Protocols\r\n";
        $response.= "Upgrade: websocket\r\n";
        $response.= "Connection: Upgrade\r\n";
        $response.= "Sec-WebSocket-Accept: $new_key\r\n";
        $response.= "Sec-WebSocket-Protocol: chat\r\n\r\n";
        return $response;
}

//解析客户端发来的数据帧
function decode($buffer)  {
    $len = $masks = $data = $decoded = null;
    $len = ord($buffer[1]) & 127;

    if ($len === 126)  {
        $masks = substr($buffer, 4, 4);
        $data = substr($buffer, 8);
    } else if ($len === 127)  {
        $masks = substr($buffer, 10, 4);
        $data = substr($buffer, 14);
    } else  {
        $masks = substr($buffer, 2, 4);
        $data = substr($buffer, 6);
    }
    for ($index = 0; $index < strlen($data); $index++) {
        $decoded .= $data[$index] ^ $masks[$index % 4];
    }
    return $decoded;
}                    
//编码数据帧
function frame($s) {
    $a = str_split($s, 125);
    if (count($a) == 1) {
        return "\x81" . chr(strlen($a[0])) . $a[0];
    }
    $ns = "";
    foreach ($a as $o) {
        $ns .= "\x81" . chr(strlen($o)) . $o;
    }
    return $ns;
}

#Web群聊聊天室DEMO

大体思路：

使用IO多路复用 socket_select

如果当前活跃的是 套接字 就建立连接 ，并初始化用户列表

如果当前活跃的是 连接 ，就ws握手，如果已经握手，就解码客户端

传来的数据帧，然后调用send方法，将数据帧推送给在线的每个用户。

Ws.php

<?php
/*
 * @Author: your name
 * @Date: 2020-09-08 16:19:05
 * @LastEditTime: 2020-09-09 10:58:37
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /undefined/Users/mac/Desktop/websocket_demo/server.php
 */

class Ws
{
    public $socket = null;
    public $sockets = [];
    public $write = null;
    public $except = null;
    public $users = [];


    public function __construct($allow_ip, $port)
    {
        $this->socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
        socket_set_option($this->socket, SOL_SOCKET, SO_REUSEADDR, true);
        socket_bind($this->socket, $allow_ip, $port);
        socket_listen($this->socket);
        $this->sockets[] = $this->socket;

        while (true) {
            $tmp_sockets = $this->sockets;
            socket_select($tmp_sockets, $this->write, $this->except, null);
            foreach ($tmp_sockets as $sock) {
                if ($sock == $this->socket) {
                    $connSock = socket_accept($this->socket);
                    $this->sockets[] = $connSock;
                    $this->users[] = [
                        'socket' => $connSock,
                        'hand_shake' => false,
                    ];
                } else {
                    $index = $this->getUserIndex($sock);
                    $request = socket_read($sock, 1024);
                    if(strlen($request) == 8){
                        $this->logout($index);
                    }else{
                        if ($this->users[$index]['hand_shake'] == false) {
                            $response = $this->handShake($request);
                            //响应客户端的握手请求
                            socket_write($sock, $response, strlen($response));
                            $this->users[$index]['hand_shake'] = true;
                        } else {
                            //解码数据帧
                            $msg = $this->decode($request);
                            $this->send($msg, $index);
                        }
                    }
                }
            }
        }
    }
    private function logout($user_index){
        socket_close($this->users[$user_index]['socket']);
        unset($this->users[$user_index]);
        $this->sockets = null;
        $this->sockets[] = $this->socket;
        foreach($this->users as $user){
            $this->sockets[] = $user['socket'];
        }
    }
    public function send($msg, $index)
    {
        $arr = explode('===', $msg);
        switch ($arr[0]) {
            case 'login':
                $this->users[$index]['name'] = $arr[1];
                $res['msg'] = $arr[1] . ':登录成功';
                $res['type'] = 'login';
                //获取所有用户名
                $names['userlist'] = $this->getUserNames();
                $names['type'] = 'user';
                $names = $this->frame(json_encode($names));
                //向每个用户推送
                foreach ($this->users as $user) {
                    socket_write($user['socket'], $names, strlen($names));
                }
                break;
            case  'content':
                $res['content'] = $arr[1];
                $res['name'] = $this->users[$index]['name'];
                $res['time'] = date('Y-m-d H:i:s',time());
                $res['type'] = 'content';
                break;
        }
        $res = $this->frame(json_encode($res));
        //向每个用户推送
        foreach ($this->users as $user) {
            socket_write($user['socket'], $res, strlen($res));
        }
    }
    private function getUserNames()
    {
        foreach ($this->users as $user) {
            $names[] =  $user['name'];
        }
        return $names;
    }

    public function getUserIndex($sock)
    {
        foreach ($this->users as $key => $user) {
            if ($user['socket'] == $sock) {
                return $key;
            }
        }
    }
    public function handShake($request)
    {
        preg_match("/Sec-WebSocket-Key:(.*)\r\n/", $request, $match);
        $key = trim($match[1]);
        var_dump($match);
        $new_key = base64_encode(sha1($key . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11', true));
        $response = "HTTP/1.1 101 Switching Protocols\r\n";
        $response .= "Upgrade: websocket\r\n";
        $response .= "Connection: Upgrade\r\n";
        $response .= "Sec-WebSocket-Accept: $new_key\r\n";
        $response .= "Sec-WebSocket-Protocol: chat\r\n\r\n";
        return $response;
    }

    //解析客户端发来的数据帧
    public function decode($buffer)
    {
        $len = $masks = $data = $decoded = null;
        $len = ord($buffer[1]) & 127;
        if ($len === 126) {
            $masks = substr($buffer, 4, 4);
            $data = substr($buffer, 8);
        } else if ($len === 127) {
            $masks = substr($buffer, 10, 4);
            $data = substr($buffer, 14);
        } else {
            $masks = substr($buffer, 2, 4);
            $data = substr($buffer, 6);
        }
        for ($index = 0; $index < strlen($data); $index++) {
            $decoded .= $data[$index] ^ $masks[$index % 4];
        }
        return $decoded;
    }
    //编码数据帧
    public function frame($s)
    {
        $a = str_split($s, 125);
        if (count($a) == 1) {
            return "\x81" . chr(strlen($a[0])) . $a[0];
        }
        $ns = "";
        foreach ($a as $o) {
            $ns .= "\x81" . chr(strlen($o)) . $o;
        }
        return $ns;
    }
}

server.php

<?php
/*
 * @Author: your name
 * @Date: 2020-09-08 16:59:14
 * @LastEditTime: 2020-09-08 17:00:00
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /websocket_demo/server.php
 */
require_once 'Ws.php';

$allow_ip = 0;
$port = 8880;
$ws = new Ws($allow_ip,$port);

index.html

<!--
 * @Author: your name
 * @Date: 2020-09-08 16:06:27
 * @LastEditTime: 2020-09-09 10:26:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /undefined/Users/mac/Desktop/index.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>西电221聊骚室</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <style>
        #content {
            height: 100px;
            resize: none;
        }

        #msg-box {
            height: 450px;
        }

        #user-box {
            height: 450px;
        }

        .title {
            padding: 20px;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div class='container'>
        <div class='text-center title'><strong>西电221聊骚室</strong></div>
        <div class='row'>
            <div class='col-sm-8 '>
                <div class='panel panel-default'>
                    <div class="panel-heading">消息框</div>
                    <div class='panel-body' id='msg-box'></div>
                </div>
            </div>
            <div class='col-sm-4'>
                <div class='panel panel-default'>
                    <div class='panel-heading'>用户列表</div>
                    <div class='panel-body' id='user-box'></div>
                </div>
            </div>

        </div>
        <div class='form-group'>
            <textarea class='form-control' name="" id="content" cols="30" rows="5"></textarea>
        </div>
        <button id='send' class='btn btn-primary'>发送消息</button>
    </div>

</body>
<script>
    var name = prompt("欢迎进入西电暗网,请输入用户名:")
    socket = new WebSocket("ws://101.200.142.148:8880");
    console.log(socket);
    //握手成功后执行
    socket.onopen = function () {
        console.log("连接成功");
        //向服务器发送数据
        socket.send("login===" + name);
    }
    //当服务端有消息发来时执行
    socket.onmessage = function (e) {
        var data = JSON.parse(e.data);
        console.log(e);
        console.log(e.data);
        let msg_box = document.getElementById('msg-box');
        switch (data.type) {
            case "login":
                msg_box.innerHTML += '<div>' + (new Date()).getTime() + ' ' + data.msg + '</div>';
                break;
            case "user":
                let user_box = document.getElementById('user-box');
                let str = '';
                for (let i = 0; i < data.userlist.length; i++) {
                    str += '<div>' + data.userlist[i] + '</div>';
                }
                user_box.innerHTML = str;
                break;
            case "content":
                msg_box.innerHTML += '<div>' + data.time + ' ' + data.name + ':' + data.content + '</div>';
        }
    }
    let btn = document.getElementById('send');
    function send(){
        let content = document.getElementById('content');
        let data = content.value;
        if(data=='') return;
        socket.send("content===" + data);
        content.value='';
    }
    btn.onclick = ()=>{
        send();
    };
    document.onkeydown = (e) => {
        switch (e.keyCode) {
            case 13:
                send();
                break;
        }
    }

</script>

</html>

 

'"<>{{7*7}}
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php WebSocket简单实现
枯灯一枚
06-28 3610
1，核心概念： websocket协议是http的升级版。 2，一次握手 websocket在创建连接时会先向服务端发送一个普通的http请求，大致消息为： GET / HTTP/1.1 Host: localhost:1234 User-Agent: Mozilla/5.0 (WindowsNT 10.0; WOW64; rv:59....
PHP开发客服系统之WebSocket
浪子四方
05-13 877
引言 前面的章节我们大致了解了一下开发客服的系统的思路和GatewayWorker，这一小节我们来看一下如何通过WebSocket连接到GatewayWorker。 WebSocket WebSocket的监听事件 open Socket.onopen 连接建立时触发 message Socket.onmessage 客户端接收服务端数据时触发 error Socket.onerror 通信发生错误时触发 close Socket.onclo..
PHP—【websocket】
冯先生
03-16 3324
一、socket协议的简介 WebSocket是什么，有什么优点 WebSocket是一个持久化的协议，这是相对于http非持久化来说的。 举个简单的例子，http1.0的生命周期是以request作为界定的，也就是一个request，一个response，对于http来说，本次client与server的会话到此结束；而在http1.1中，稍微有所改进，即添加了keep-alive，也就是在一个http连接中可以进行多个request请求和多个response接受操作。然而在实时通信中，并没有多
WebSocket通信协议应用安全问题分析
weixin_33975951的博客
08-01 1509
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。WebSocket通信协议于2011年被IETF定为标准RFC 6455，WebSocket API也被W3C定为标准，主流的浏览器都已经支持WebSocket通信。 WebSocket协议是基于TCP协议上的独立的通信协议，在建立WebSocket通信连接前，需要使...
PHP WebSocket：技术解析与实用指南
BUG制造者:图图 <p>这是一个P标签</p>
02-21 2107
Socket连接的建立和维护是通过TCP协议来实现的，它提供了可靠的、全双工的数据传输通道，使得客户端和服务器能够进行双向通信。在实际应用中，开发者需要使用编程语言提供的Socket API来实现Socket连接，这样就可以在应用程序中创建、管理和控制Socket连接，实现数据的发送和接收。虽然HTTP/1.1引入了持久连接（keep-alive），但仍然存在着单向通信的限制，服务器无法主动向客户端推送数据，这对于实时通信是不利的。服务器接受连接请求，创建一个新的套接字（socket），用于与客户端通信。
php搭建websocket
m0_54136420的博客
03-24 1517
php搭建websocket
php使用WebSocket详细教程之建立连接（一）
编程界的许嵩
05-18 5574
本次教程需要理解的内容： 什么是WebSocket？ WebSocket可以用来干什么？ 什么是WebSocket握手？ php使用WebSocket的流程？ php中WebSocket相关函数的作用？ （一）什么是WebSocket？ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IE...
php websocket.zip
03-17
php 实现websocket连接,实现了客户端和服务端。客户端是html，服务端是PHP的。 只要客户端连接到服务器上，就不再断开（永久连接），一方可以不停的给对方发消息，对方可以不给出响应。使用WS协议代替心跳请求，...
PHP实现WebSocket
03-31
例如，Ratchet是一个流行的PHP WebSocket库，它提供了`WampServer`和`HttpServer`组件，可以方便地创建WebSocket服务。 3. **PHPAsyncWebSocketClient介绍** `PHPAsyncWebSocketClient`是用于与WebSocket服务器...
server php websocket
11-22
PHP通常被用作服务器端脚本语言，处理HTTP请求，但在WebSocket的世界里，PHP并非首选，因为原生PHP并不支持WebSocket协议。然而，通过一些库和扩展，如Ratchet或PHP-Websocket，我们可以用PHP构建WebSocket服务器。 ...
phpwebsocket
12-24
WebSocket是HTML5里提供的一种便于TCP长连接通讯的协议机制,随着HTML5的普及这种技术的使用会变得越来越广泛,由于Beetle可以灵活地扩展不同的协议,那自然而然对WebSocket支持也是一件非常简单的事情
pSockets-client:PHP Websocket客户端
04-13
pSockets客户端同步PHP Websocket客户端安装composer require mwyd/psockets用法<?php$ loader = require_once __DIR__ . "/vendor/autoload.php" ;use pSockets\ WebSocket \ WsClient ;use pSockets\ WebSocket...
PHP使用websocket
Eternally_zl的博客
04-22 961
PHP 实现 websocket 的话，主要是应用 PHP 的 socket 函数库，PHP 的 socket 函数库跟 C 语言的 socket 函数非常类似； 1、websocket的作用： 打破了 http “请求-响应”的常规思维，实现了服务器向客户端主动推送消息； WebSocket 不是一门技术，而是一种全新的协议。它应用 TCP 的 Socket（套接字），为网络应用定义了一个新的重...
websocket php 教程,php使用websocket示例_PHP教程
weixin_36275605的博客
03-10 1392
这篇文章主要介绍了php使用websocket示例,需要的朋友可以参考下下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分，这个部分在 node 中可以十分轻松的完成，因为 node 提供的 net 模块已经对 socket 套接字做了封装处理，开发者使用的时候只需要考虑数据的交互而不用处理连接的建立。而 php 没有，从 socket 的连接、建立...
php之websocket介绍使用以及实战网络聊天室
lampol
02-23 1739
websocket介绍 WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。是一种网络通信协议。RFC6455 定义了它的通信标准。 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息 websocket约定了一个通信的规范，通过一个握手的机制，客...
浅谈php中使用websocket
weixin_34115824的博客
09-22 1162
在PHP中，开发者需要考虑的东西比较多，从socket的连接、建立、绑定、监听等都需要开发者自己去操作完成，对于初学者来说，难度方面也挺大的，所以本文的思路如下： 1、socket协议的简介 2、介绍client与server之间的连接原理 3、PHP中建立socket的过程讲解 4、用一个聊天室作为实例详细讲解在PHP中如何使用socket 一、socket协议的简介 　　WebSo...
php 实现websocket服务
qq_29744347的博客
09-18 3392
之前使用的都是封装好的websocket,现在使用php提供的相关函数实现一个websocket服务。
什么是WebSocket？在PHP中如何使用WebSocket？
周祥平程序专栏
12-15 725
它提供了与 HTTP 不同的通信方式，允许服务器主动向客户端推送数据，而不需要客户端明确地请求。WebSocket 通信始于一个握手过程，之后就可以在双方之间建立持久性的连接。上运行，并且接受来自客户端的连接。使用 WebSocket 需要考虑一些安全性的问题，如身份验证、消息的合法性验证等。PHP 本身不支持直接实现 WebSocket 服务器，但可以借助第三方库或框架来实现。WebSocket 协议相对于传统的 HTTP 请求-响应模型，更适用于实时性要求较高的应用场景，如在线聊天、实时通知等。
ThinkPHP5开发中API数据安全相关解决方案
坚持硬核
07-07 1376
0x00 四种API数据安全问题 接口请求地址 和 参数暴露 重要接口返回数据明文暴露 APP登录态请求的数据安全性问题 代码层的数据安全问题 其中前三种问题，都可以使用加密来解决。 0x01 加密方式 MD5 AES 对称加密算法，加密速度快，资源使用率高 RSA 非对称加密算法，加密效率低，数据量大的时候加密时间比较长 0x02 如何进行加密？ 将基础参数（app版本号,手机型号,sign等）放入http协议的header头中 每次http请求都携带sign 保证sign的唯一性
php WebSocket
最新发布
03-31
PHP WebSocket是一种基于WebSocket协议的实时通信技术，它允许服务器与客户端之间进行双向通信。相比传统的HTTP请求-响应模式，WebSocket可以实现实时的数据传输，适用于需要实时更新数据的应用场景，如聊天室、实时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值