前面学习了HTML5中websocket的握手协议、打开和关闭连接等基础内容,最近用php实现了与浏览器websocket的双向通信。在学习概念的时候觉得看懂了的内容,真正在实践过程中还是会遇到各种问题,网上也有一些关于php的websocket的实现,但是只有自己亲手写过之后才知道其中的感受。其中,google有一个开源的phpwebsocket类(https://code.google.com/p/phpwebsocket/),但是从其握手过程中可以明显看出,这还是最初的websocket协议,请求头中使用了两个KEY,并非version 13(现行版本)。下面是本人实践过程,同时封装好了一个现行版本的php实现的实用的websocket类。
一、握手
1、客户端发送请求
websocket协议提供给javascript的API就是特别简洁易用。
var url = "ws://localhost:8888";
var ws = new WebSocket(url);
ws.onopen = function(){
console.log("握手成功,打开socket连接了。。。");
console.log("ws.send(Websocket opened)");
ws.send(("Websocket opened!"));
};
ws.onmessage = function(e){
console.log("message:" + e.data);
};
ws.onclose = function(){
console.log("断开socket连接了。。。");
};
ws.onerror = function(e){
console.log("ERROR:" + e.data);
};
先看效果,客户端和服务器端握手的结果如下:
2、服务器端
封装的类为WebSocket,address和port为类的属性。