websocke笔记

来源:互联网 发布:java培训多少 编辑:程序博客网 时间:2024/06/04 00:21

一、概述

  WebSocket 协议是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。

  在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后,你可以通过 send() 方法来向服务器发送数据,并通过 onmessage 事件来接收服务器返回的数据。

  WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允许跨域通信。

二、HTML5+NodeJs实现WebSocket即时通讯

参考:http://www.cnblogs.com/axes/p/3586132.html

准备知识:
1. 服务器端语言:nodeJs(类似PHP)
2. nodeJs 管理包工具 npm(类似composer)

步骤1:安装nodejs步骤2:安装npm(淘宝镜像http://npm.taobao.org并定制命令cnpm)步骤3:在cmd运行初始化命令: npm init步骤4:安装nodeJs的模块nodejs-websocke,运行命令:cnpm install nodejs-websocket

安装成功

步骤5:将websocket包的监听js代码放到test.js,包网站:https://www.npmjs.com/package/nodejs-websocket

步骤6:运行node test.js

步骤7:打开game1、game2

game1.html

game2.html

这里写图片描述

三、PHP Swoole

学习后再补上

原创粉丝点击