首页 / PHP / 前端websocket与php后台连接

前端websocket与php后台连接

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了前端websocket与php后台连接，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4144字，纯文字阅读大概需要6分钟。

内容图文

HTTP协议的特性：属于“请求-响应”模型，只有客户端发起了请求消息，服务器才能给出响应消息，没有请求，就没有响应；一个请求消息，服务器只能返回一个响应消息。有些特殊应用场景中，如“在线股票”、“聊天室”等，需要模拟呈现出“客户端不发请求，服务器也在不停的给出响应”效果，若使用HTTP协议，只能使用“AJAX+定时器”来近似的实现——心跳请求，问题：心跳过慢则信息的实效性差，心跳过快则服务器压力太大！

WebSocket协议的特性：属于“广播-收听”模型，只要客户端连接到服务器上，就不再断开（永久连接），一方可以不停的给对方发消息，对方可以不给出响应。使用WS协议代替心跳请求，可以非常好的解决HTTP协议在某些应用中的不足。WS协议的服务器也有不足：永久连接限制了客户端的数量。

WebSocket应用程序必需两个程序：

WS服务器端程序：

 (1)、可以使用Java、PHP、C#、Node.js编写，修改PHP解释器配置文件(php.ini)来启用socket相关函数：extension=php_sockets.dll    去掉此行前的分号（此例子采用xampp本地服务） 重启本地服务（记得配置xampp的php变量环境，不懂百度）

(2)、在xampp\\htdocs 下新建一个文件websocket,里面新建两个文件如下：

socket_client.html

socket_server.php

socket_client.html文件代码如下：

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title></head><body><h3>WebSocket协议的客户端程序</h3><button id="btConnect">连接到WS服务器</button><button id="btSendAndReceive">向WS服务器发消息并接收消息</button><button id="btClose">断开与WS服务器的连接</button><div id="val"></div><script>var wsClient = null; //WS客户端对象btConnect.onclick = function(){//连接到WS服务器，注意：协议名不是http！wsClient = new WebSocket('ws://127.0.0.1:9999');wsClient.onopen = function(){console.log('WS客户端已经成功连接到服务器上')}}btSendAndReceive.onclick = function(){//向WS服务器发送一个消息wsClient.send('Hello Server');//接收WS服务器返回的消息wsClient.onmessage = function(e){console.log('WS客户端接收到一个服务器的消息：'+ e.data);val.innerHTML=e.data;}}btClose.onclick = function(){//断开到WS服务器的连接wsClient.close();  //向服务器发消息，主动断开连接wsClient.onclose = function(){//经过客户端和服务器的四次挥手后，二者的连接断开了console.log('到服务器的连接已经断开')}}</script></body></html>

socket_server.php代码如下：

<?php$address = "127.0.0.1";$port = 9999; //调试的时候，可以多换端口来测试程序！set_time_limit(0);$sock = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);socket_set_block($sock);socket_bind($sock, $address, $port);socket_listen($sock, 4);do{echo "Waiting for Connection...\n";$msgsock = socket_accept($sock);echo "Waiting for Request...\n";$buf = socket_read($msgsock, 8192);     //读取请求echo "Request Received: $buf\n";$response = hand_shake($buf);socket_write($msgsock,$response,strlen($response)); //发送响应//正式开始通信...$buf = socket_read($msgsock, 8192);for($i=0; $i<3; $i++){$msg = "WELCOME $i\n";$msg = code($msg);sleep(1);socket_write($msgsock, $msg, strlen($msg));}socket_close($msgsock);} while (true);socket_close($sock);function hand_shake($buf){$buf  = substr($buf,strpos($buf,'Sec-WebSocket-Key:')+18);$key  = trim(substr($buf,0,strpos($buf,"\r\n")));$new_key = base64_encode(sha1($key."258EAFA5-E914-47DA-95CA-C5AB0DC85B11",true));$new_message = "HTTP/1.1 101 Switching Protocols\r\n";$new_message .= "Upgrade: websocket\r\n";$new_message .= "Sec-WebSocket-Version: 13\r\n";$new_message .= "Connection: Upgrade\r\n";$new_message .= "Sec-WebSocket-Accept: " . $new_key . "\r\n\r\n";return $new_message;}function code($msg){$msg = preg_replace(array('/\r$/','/\n$/','/\r\n$/',), '', $msg);$frame = array();$frame[0] = '81';$len = strlen($msg);$frame[1] = $len<16?'0'.dechex($len):dechex($len);$frame[2] = ord_hex($msg);$data = implode('',$frame);return pack("H*", $data);}function ord_hex($data)  {$msg = '';$l = strlen($data);for ($i= 0; $i<$l; $i++) {$msg .= dechex(ord($data{$i}));}return $msg;}

 

(3)、进入文件夹（xampp\htdocs\websocket）按住Shift +右键，（选择在此处打开令行窗口）执行调用PHP解释器，执行PHP语言编写的Socket服务器程序，输入如下代码：

php socket_server.php

运行完显示如下信息代表连接成功

前端websocket与php后台连接 - 文章图片

(4)、访问socket_client.html (http://127.0.0.1/websocket/socket_client.html) 需要服务访问，点击按钮“连接到ws服务器”控制台上（console.log）能看到如下

前端websocket与php后台连接 - 文章图片

点击按钮“向WS服务器发消息并接收消息”就能看到如下

前端websocket与php后台连接 - 文章图片

这时就可以将信息填入html 标签上  就实现了  时时更新了

 

内容总结

以上是互联网集市为您收集整理的前端websocket与php后台连接全部内容，希望文章能够帮你解决前端websocket与php后台连接所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/604739.html

来源：【匿名】