实时即时通信---WebSocket

Web socket

1. 网络协议

客户端与服务端进行通信的协议

  • HTTP协议 - 目前互联网中最广泛的协议
  • SOCKET协议 - 应用于实时即时通信
2. HTTP协议的问题
  • 无状态
    本次客户端的请求,服务器端不知道客户端的上次请求

  • 短连接
    指通讯双方有数据交互时,就建立一个连接,数据发送完成后,则断开此连接,即每次连接只完成一项业务的发送。

  • 如果建立的是短链接,服务器无法主动给客户端发送信息

3. web Socket

实现了用HTTP不容易实现的服务器端的数据推送等智能通讯技术

4. Web Socket的特点
  • 这个连接是实时的,也是永久的
  • 服务端可以主动推送消息
  • 服务端不需要轮询客户端的请求
  • 服务器端与客户端之间通信无需重新建立连接
5. 使用WorkerMan,设置socket客户端

1)设置php环境变量

2)下载并解压workerMan

http://www.workerman.net/workerman

workerMan学习文档

http://doc3.workerman.net/getting-started/simple-example.html

3)在任意位置创建http_test.php文件,并将课件中的start.text文件中内容复制到该文件中(位置任意,能引用到Workerman文件中的Autoloader.php即可

  1. 运行上建的文件,启动workerMan

执行workerMan

Web socket的使用

1. 调用 WebSocket 对象的构造器来建立与服务器之间的通信连接
  var webSocket = new WebSocket (“ws://127.0.0.1: 8005/socket”) ;

请求地址(url)不能再是http://开头,Web Sockets的请求头(url的开头)

     ws:// - Web Socket的缩写
     wss:// - 表示加密协议
2. 使用 WebSocket 对象的 send() 方法对服务器发送数据
   webSocket.send (“data”);

send() 方法只能发送文本数据。,使用JSON对象把任何JavaScript,对象转换称文本数据后进行发送。

3. 通过WebSocket对象的close() 方法来关闭socket,切断通信连接:
  webSocket.close( ) ;
4. Web Socket事件
  • 通过获取 onmessage事件来接收服务器传来的数据:

       webSocket.onmessage = function( event ){
    
           var data = event.data ;
       }
    
  • 通过获取 onopen 事件来监听 socket 的打开事件:

       webSocket.onopen = function( event ){
       
       }
    
  • 通过获取onclose事件来监听socket 的关闭事件:

       webSocket.onclose = function( event ){
           
       }
    
  • 通过onerror事件,监听客户端与服务器端连接出错

       webSocket.onerror = function( event ){
           
       }
    
  • 通过读取 readyState 的属性值来获取 WebSocket 对象的状态。

    CONNECTING(数字值为0),表示正在连接。
    OPEN(数字值为1),表示已建立连接。
    CLOSING(数字值为2),表示正在关闭连接。
    CLOSED(数字值为2),表示已关闭连接。S

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容