socket只不过是一个数据结构。
使用这个socket数据结构去开始一个客户端和服务器之间的会话。
服务器是一直在监听准备产生一个新的会话。当一个客户端连接服务器,它就打开服务器正在进行监听的一个端口进行会话。
服务器端接受客户端的连接请求,那么就进行一次循环。现在这个客户端就能够发送信息到服务器,服务器也能发送信息给客户端。
HTML5 WebSocket 和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:9000"); 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>
index.php代码:
<?php class SocketService { private $address; private $port; 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('127.0.0.1','9000'); $sock->run();
案例使用客户端使用HTML5 WebSocket 和php socket后端实现通信 |
找到php.ini备注文件,找到“extension=sockets”语句去除前面的";"即可。没有可添加这句话。php.ini文件一般在php的版本安装文件夹下。
使用phpinfo()函数查询
<?php phpinfo(); ?>
出现sockets表示成功开启
在执行以上案例前,我们需要创建一个支持 WebSocket 的服务。在不同的服务器域名环境会不同的支持方法,这里我们选择php环境,php环境需要开启sockets。
未开启php sockets运行会报错:
开启php sockets成功后:
开启php sockets成功后并与前端连接成功后:
socket_accept — 接受套接字上的连接
socket_addrinfo_bind — 从给定的 addrinfo 创建并绑定一个套接字
socket_addrinfo_connect — 指定 addrinfo 创建并连接套接字
socket_addrinfo_explain — 获取有关 addrinfo 的信息
socket_addrinfo_lookup — 获取数组,包含有关给定主机名的 getaddrinfo 内容
socket_bind — 给套接字绑定名字
socket_clear_error — 清除套接字或者最后的错误代码上的错误
socket_close — 关闭 Socket 实例
socket_cmsg_space — Calculate message buffer size
socket_connect — 开启一个套接字连接
socket_create_listen — 在端口上打开一个套接字以接受连接
socket_create_pair — 创建一对彼此连接的套接字,并用数组存储
socket_create — 创建一个套接字(通讯节点)
socket_export_stream — Export a socket into a stream that encapsulates a socket
socket_get_option — 获取套接字的套接字选项
socket_getopt — 别名 socket_get_option
socket_getpeername — 获取套接字远端名字,返回主机名和端口号或是 Unix 文件系统路径,具体取决于套接字类型
socket_getsockname — 获取套接字本地端的名字,返回主机名和端口号或是 Unix 文件系统路径,具体取决于套接字类型
socket_import_stream — 导入 stream
socket_last_error — 返回套接字上的最后一个错误
socket_listen — 监听套接字的连接
socket_read — 从套接字中读取最大长度的数据
socket_recv — 从已连接的 socket 接收数据
socket_recvfrom — 从套接字接收数据,无论它是否是面向连接的
socket_recvmsg — Read a message
socket_select — 从给定套接字数组运行带指定超时时间的 select() 系统调用
socket_send — 向已连接的套接字发送数据
socket_sendmsg — Send a message
socket_sendto — 向套接字发送消息,无论它是否已建立连接
socket_set_block — 设置套接字为阻塞模式
socket_set_nonblock — 设置套接字为非阻塞模式
socket_set_option — 为套接字设置套接字选项
socket_setopt — 别名 socket_set_option
socket_shutdown — 关闭套接字接收或发送,或两者都关闭
socket_strerror — 返回描述套接字错误的字符串
socket_write — 向套接字写数据
socket_wsaprotocol_info_export — 导出 WSAPROTOCOL_INFO 结构体
socket_wsaprotocol_info_import — 从另一个进程导入套接字
socket_wsaprotocol_info_release — 释放已导出的 WSAPROTOCOL_INFO 结构体