首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

PHP 实现 WebSocket 协议原理与应用详解

Posted in PHP onApril 22, 2020

本文实例讲述了PHP 实现 WebSocket 协议原理与应用。分享给大家供大家参考，具体如下：

下面会讲解一下什么是 WebSocket，以及使用 PHP 实现 WebSocket。

  1. WebSocket 是什么？
  2. PHP 实例
  3. 应用场景

一、WebSocket 是什么

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。

在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。

特点：网络协议；双向数据传输；允许服务端主动向客户端推送数据；

二、PHP 实例

客户端代码 index.html

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">
 <title>websocket</title>
 </head>
 <body>
 <input id="text" value="">
 <input type="submit" value="send" onclick="start()">
 <input type="submit" value="close" onclick="close()">
<div id="msg"></div>
 <script>
 /**
 0：未连接

1：连接成功，可通讯

2：正在关闭

3：连接已关闭或无法打开
*/

 //创建一个webSocket 实例
 var webSocket = new WebSocket("ws://127.0.0.1:8083");


 webSocket.onerror = function (event){
  onError(event);
 };

 // 打开websocket
 webSocket.onopen = function (event){
  onOpen(event);
 };

 //监听消息
 webSocket.onmessage = function (event){
  onMessage(event);
 };


 webSocket.onclose = function (event){
  onClose(event);
 }

 //关闭监听websocket
 function onError(event){
  document.getElementById("msg").innerHTML = "<p>close</p>";
  console.log("error"+event.data);
 };

 function onOpen(event){
  console.log("open:"+sockState());
  document.getElementById("msg").innerHTML = "<p>Connect to Service</p>";
 };
 function onMessage(event){
  console.log("onMessage");
  document.getElementById("msg").innerHTML += "<p>response:"+event.data+"</p>"
 };

 function onClose(event){
  document.getElementById("msg").innerHTML = "<p>close</p>";
  console.log("close:"+sockState());
  webSocket.close();
 }

 function sockState(){
  var status = ['未连接','连接成功，可通讯','正在关闭','连接已关闭或无法打开'];
   return status[webSocket.readyState];
 }



 function start(event){
  console.log(webSocket);
  var msg = document.getElementById('text').value;
  document.getElementById('text').value = '';
  console.log("send:"+sockState());
  console.log("msg="+msg);
  webSocket.send("msg="+msg);
  document.getElementById("msg").innerHTML += "<p>request"+msg+"</p>"
 };

 function close(event){
  webSocket.close();
 }
 </script>
 </body>
</html>

服务端代码 server.php

<?php
/**
 * Created by xwx
 * Date: 2017/10/18
 * Time: 14:33
 */

class SocketService
{
 private $address = '0.0.0.0';
 private $port = 8083;
 private $_sockets;
 public function __construct($address = '', $port='')
 {
   if(!empty($address)){
    $this->address = $address;
   }
   if(!empty($port)) {
    $this->port = $port;
   }
 }

 public function service(){
  //获取tcp协议号码。
  $tcp = getprotobyname("tcp");
  $sock = socket_create(AF_INET, SOCK_STREAM, $tcp);
  socket_set_option($sock, SOL_SOCKET, SO_REUSEADDR, 1);
  if($sock < 0)
  {
   throw new Exception("failed to create socket: ".socket_strerror($sock)."\n");
  }
  socket_bind($sock, $this->address, $this->port);
  socket_listen($sock, $this->port);
  echo "listen on $this->address $this->port ... \n";
  $this->_sockets = $sock;
 }

 public function run(){
  $this->service();
  $clients[] = $this->_sockets;
  while (true){
   $changes = $clients;
   $write = NULL;
   $except = NULL;
   socket_select($changes, $write, $except, NULL);
   foreach ($changes as $key => $_sock){
    if($this->_sockets == $_sock){ //判断是不是新接入的socket
     if(($newClient = socket_accept($_sock)) === false){
      die('failed to accept socket: '.socket_strerror($_sock)."\n");
     }
     $line = trim(socket_read($newClient, 1024));
     $this->handshaking($newClient, $line);
     //获取client ip
     socket_getpeername ($newClient, $ip);
     $clients[$ip] = $newClient;
     echo "Client ip:{$ip} \n";
     echo "Client msg:{$line} \n";
    } else {
     socket_recv($_sock, $buffer, 2048, 0);
     $msg = $this->message($buffer);
     //在这里业务代码
     echo "{$key} clinet msg:",$msg,"\n";
     fwrite(STDOUT, 'Please input a argument:');
     $response = trim(fgets(STDIN));
     $this->send($_sock, $response);
     echo "{$key} response to Client:".$response,"\n";
    }
   }
  }
 }

 /**
  * 握手处理
  * @param $newClient socket
  * @return int 接收到的信息
  */
 public function handshaking($newClient, $line){

  $headers = array();
  $lines = preg_split("/\r\n/", $line);
  foreach($lines as $line)
  {
   $line = chop($line);
   if(preg_match('/\A(\S+): (.*)\z/', $line, $matches))
   {
    $headers[$matches[1]] = $matches[2];
   }
  }
  $secKey = $headers['Sec-WebSocket-Key'];
  $secAccept = base64_encode(pack('H*', sha1($secKey . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11')));
  $upgrade = "HTTP/1.1 101 Web Socket Protocol Handshake\r\n" .
   "Upgrade: websocket\r\n" .
   "Connection: Upgrade\r\n" .
   "WebSocket-Origin: $this->address\r\n" .
   "WebSocket-Location: ws://$this->address:$this->port/websocket/websocket\r\n".
   "Sec-WebSocket-Accept:$secAccept\r\n\r\n";
  return socket_write($newClient, $upgrade, strlen($upgrade));
 }

 /**
  * 解析接收数据
  * @param $buffer
  * @return null|string
  */
 public function message($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;
 }

 /**
  * 发送数据
  * @param $newClinet 新接入的socket
  * @param $msg 要发送的数据
  * @return int|string
  */
 public function send($newClinet, $msg){
  $msg = $this->frame($msg);
  socket_write($newClinet, $msg, strlen($msg));
 }

 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;
 }

 /**
  * 关闭socket
  */
 public function close(){
  return socket_close($this->_sockets);
 }
}

$sock = new SocketService();
$sock->run();

先使用命令行运行 server.php，然后在浏览器打开 index.html 即可运行

三、应用场景

  • 聊天室
  • 实时推送
  • 弹幕
  • 多玩家游戏
  • 协同编辑
  • 股票基金实时报价
  • 体育实况更新
  • 视频会议/聊天
  • 基于位置的应用
  • 在线教育
  • 智能家居等需要高实时的场景

由轮询到WebSocket

轮询

客户端和服务器之间会一直进行连接，每隔一段时间就询问一次。客户端会轮询，有没有新消息。这种方式连接数会很多，一个接受，一个发送。而且每次发送请求都会有Http的Header，会很耗流量，也会消耗CPU的利用率。

长轮询

长轮询是对轮询的改进版，客户端发送HTTP给服务器之后，有没有新消息，如果没有新消息，就一直等待。当有新消息的时候，才会返回给客户端。在某种程度上减小了网络带宽和CPU利用率等问题。但是这种方式还是有一种弊端：例如假设服务器端的数据更新速度很快，服务器在传送一个数据包给客户端后必须等待客户端的下一个Get请求到来，才能传递第二个更新的数据包给客户端，那么这样的话，客户端显示实时数据最快的时间为2×RTT（往返时间），而且如果在网络拥塞的情况下，这个时间用户是不能接受的，比如在股市的的报价上。另外，由于http数据包的头部数据量往往很大（通常有400多个字节），但是真正被服务器需要的数据却很少（有时只有10个字节左右），这样的数据包在网络上周期性的传输，难免对网络带宽是一种浪费。

WebSocket

现在急需的需求是能支持客户端和服务器端的双向通信，而且协议的头部又没有HTTP的Header那么大，于是，Websocket就诞生了！流量消耗方面，相同的每秒客户端轮询的次数，当次数高达数万每秒的高频率次数的时候，WebSocket消耗流量仅为轮询的几百分之一。

希望本文所述对大家PHP程序设计有所帮助。

PHP 实现 WebSocket 协议原理与应用详解

- Author -

Ryan_zheng

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
如何使用PHP中的字符串函数
Oct 09 PHP
php5中类的学习
Mar 28 PHP
也谈php网站在线人数统计
Apr 09 PHP
Ajax PHP简单入门教程代码
Apr 25 PHP
PHP 工厂模式使用方法
May 18 PHP
php缩小png图片不损失透明色的解决方法
Dec 25 PHP
ThinkPHP登录功能的实现方法
Aug 20 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
Dec 25 PHP
无需数据库在线投票调查php代码
Jul 20 PHP
微信支付PHP SDK ―― 公众号支付代码详解
Sep 13 PHP
PHP+原生态ajax实现的省市联动功能详解
Aug 15 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
Sep 16 PHP
php模拟实现斗地主发牌
Apr 22 #PHP
PHP实现随机发扑克牌
Apr 22 #PHP
PHP使用PDO 连接与连接管理操作实例分析
Apr 21 #PHP
PHP实现随机发放扑克牌
Apr 21 #PHP
PHP 构造函数和析构函数原理与用法分析
Apr 21 #PHP
PHP 对象继承原理与简单用法示例
Apr 21 #PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
Apr 20 #PHP
KVM(1) Jmerte(1) 监听(2) watch(1) vue-router-link(1) 项目打包(2) TimePickerView(1) Yolov5(1) scss(1) vue-cli3.x(1)
You might like
生成php程序的php代码
2008/04/07 PHP
php中simplexml_load_string使用实例分享
2014/02/13 PHP
Smarty变量用法详解
2016/05/11 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
Laravel的Auth验证Token验证使用自定义Redis的例子
2019/09/30 PHP
js类中获取外部函数名的方法
2007/08/19 Javascript
基于jQuery的获得各种控件Value的方法
2010/11/19 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
layui问题之模拟select点击事件的实例讲解
2018/08/15 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
python 队列详解及实例代码
2016/10/18 Python
Python 登录网站详解及实例
2017/04/11 Python
Python中跳台阶、变态跳台阶与矩形覆盖问题的解决方法
2018/05/19 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
Django ORM 聚合查询和分组查询实现详解
2019/08/09 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
python多进程间通信代码实例
2019/09/30 Python
详解使用python爬取抖音app视频(appium可以操控手机)
2021/01/26 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
香蕉共和国Banana Republic官网：美国GAP旗下偏贵族风格服饰品牌
2016/11/21 全球购物
李宁官方网店：中国运动品牌
2017/11/02 全球购物
联想印度官方网上商店：Lenovo India
2019/08/24 全球购物
对照四风自我剖析材料
2014/10/07 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
体育教师个人总结
2015/02/09 职场文书
Nginx tp3.2.3 404问题解决方案
2021/03/31 Servers
编写python程序的90条建议
2021/04/14 Python