精华内容
下载资源
问答
  • http://www.ruanyifeng.com/blog/2017/05/websocket.html WebSocket 教程

    http://www.ruanyifeng.com/blog/2017/05/websocket.html
    WebSocket 教程

    展开全文
  • WebSocket 是一种网络通信协议,很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个...

    WebSocket 是一种网络通信协议,很多高级功能都需要它。

    本文介绍 WebSocket 协议的使用方法。

    一、为什么需要 WebSocket?

    初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?

    答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。

    举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。

    这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。

    轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

    二、简介

    WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。

    它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。

    其他特点包括:

    (1)建立在 TCP 协议之上,服务器端的实现比较容易。

    (2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此不容易屏蔽,能通过各种 HTTP 代理服务器。

    (3)数据格式比较轻量,性能开销小,通信高效。

    (4)可以发送文本,也可以发送二进制数据。

    (5)没有同源限制,客户端可以与任意服务器通信。

    (6)协议标识符是ws(如果加密,则为wss),服务器网址就是 URL。

    ws://example.com:80/some/path

    复制代码

    三、客户端的简单示例

    WebSocket 的用法相当简单。

    下面是一个网页脚本的例子(点击这里看运行结果),基本上一眼就能明白。

    var ws = new WebSocket("wss://echo.websocket.org");

    ws.onopen = function(evt) {

    console.log("Connection open ...");

    ws.send("Hello WebSockets!");

    };

    ws.onmessage = function(evt) {

    console.log( "Received Message: " + evt.data);

    ws.close();

    };

    ws.onclose = function(evt) {

    console.log("Connection closed.");

    };

    复制代码

    四、客户端的 API

    WebSocket 客户端的 API 如下。

    4.1 WebSocket 构造函数

    WebSocket 对象作为一个构造函数,用于新建 WebSocket 实例。

    var ws = new WebSocket('ws://localhost:8080');

    复制代码

    执行上面语句之后,客户端就会与服务器进行连接。

    实例对象的所有属性和方法清单,参见这里。

    4.2 webSocket.readyState

    readyState属性返回实例对象的当前状态,共有四种。

    CONNECTING:值为0,表示正在连接。

    OPEN:值为1,表示连接成功,可以通信了。

    CLOSING:值为2,表示连接正在关闭。

    CLOSED:值为3,表示连接已经关闭,或者打开连接失败。

    下面是一个示例。

    switch (ws.readyState) {

    case WebSocket.CONNECTING:

    // do something

    break;

    case WebSocket.OPEN:

    // do something

    break;

    case WebSocket.CLOSING:

    // do something

    break;

    case WebSocket.CLOSED:

    // do something

    break;

    default:

    // this never happens

    break;

    }

    复制代码

    4.3 webSocket.onopen

    实例对象的onopen属性,用于指定连接成功后的回调函数。

    ws.onopen = function () {

    ws.send('Hello Server!');

    }

    复制代码

    如果要指定多个回调函数,可以使用addEventListener`方法。

    ws.addEventListener('open', function (event) {

    ws.send('Hello Server!');

    });

    复制代码

    4.4 webSocket.onclose

    实例对象的onclose属性,用于指定连接关闭后的回调函数。

    ws.onclose = function(event) {

    var code = event.code;

    var reason = event.reason;

    var wasClean = event.wasClean;

    // handle close event

    };

    ws.addEventListener("close", function(event) {

    var code = event.code;

    var reason = event.reason;

    var wasClean = event.wasClean;

    // handle close event

    });

    复制代码

    4.5 webSocket.onmessage

    实例对象的onmessage属性,用于指定收到服务器数据后的回调函数。

    ws.onmessage = function(event) {

    var data = event.data;

    // 处理数据

    };

    ws.addEventListener("message", function(event) {

    var data = event.data;

    // 处理数据

    });

    复制代码

    注意,服务器数据可能是文本,也可能是二进制数据(blob对象或Arraybuffer对象)。

    ws.onmessage = function(event){

    if(typeof event.data === String) {

    console.log("Received data string");

    }

    if(event.data instanceof ArrayBuffer){

    var buffer = event.data;

    console.log("Received arraybuffer");

    }

    }

    复制代码

    除了动态判断收到的数据类型,也可以使用binaryType属性,显式指定收到的二进制数据类型。

    // 收到的是 blob 数据

    ws.binaryType = "blob";

    ws.onmessage = function(e) {

    console.log(e.data.size);

    };

    // 收到的是 ArrayBuffer 数据

    ws.binaryType = "arraybuffer";

    ws.onmessage = function(e) {

    console.log(e.data.byteLength);

    };

    复制代码

    4.6 webSocket.send()

    实例对象的send()方法用于向服务器发送数据。

    发送文本的例子。

    ws.send('your message');

    复制代码

    发送 Blob 对象的例子。

    var file = document

    .querySelector('input[type="file"]')

    .files[0];

    ws.send(file);

    复制代码

    发送 ArrayBuffer 对象的例子。

    // Sending canvas ImageData as ArrayBuffer

    var img = canvas_context.getImageData(0, 0, 400, 320);

    var binary = new Uint8Array(img.data.length);

    for (var i = 0; i < img.data.length; i++) {

    binary[i] = img.data[i];

    }

    ws.send(binary.buffer);

    复制代码

    4.7 webSocket.bufferedAmount

    实例对象的bufferedAmount属性,表示还有多少字节的二进制数据没有发送出去。它可以用来判断发送是否结束。

    var data = new ArrayBuffer(10000000);

    socket.send(data);

    if (socket.bufferedAmount === 0) {

    // 发送完毕

    } else {

    // 发送还没结束

    }

    复制代码

    4.8 webSocket.onerror

    实例对象的onerror属性,用于指定报错时的回调函数。

    socket.onerror = function(event) {

    // handle error event

    };

    socket.addEventListener("error", function(event) {

    // handle error event

    });

    复制代码

    五、服务端的实现

    WebSocket 服务器的实现,可以查看维基百科的列表。

    常用的 Node 实现有以下三种。

    具体的用法请查看它们的文档,这里不详细介绍了。

    六、WebSocketd

    下面,我要推荐一款非常特别的 WebSocket 服务器:Websocketd。

    它的最大特点,就是后台脚本不限语言,标准输入(stdin)就是 WebSocket 的输入,标准输出(stdout)就是 WebSocket 的输出。

    举例来说,下面是一个 Bash 脚本counter.sh。

    #!/bin/bash

    echo 1

    sleep 1

    echo 2

    sleep 1

    echo 3

    复制代码

    命令行下运行这个脚本,会输出1、2、3,每个值之间间隔1秒。

    $ bash ./counter.sh

    1

    2

    3

    复制代码

    现在,启动websocketd,指定这个脚本作为服务。

    $ websocketd --port=8080 bash ./counter.sh

    复制代码

    上面的命令会启动一个 WebSocket 服务器,端口是8080。每当客户端连接这个服务器,就会执行counter.sh脚本,并将它的输出推送给客户端。

    var ws = new WebSocket('ws://localhost:8080/');

    ws.onmessage = function(event) {

    console.log(event.data);

    };

    复制代码

    上面是客户端的 JavaScript 代码,运行之后会在控制台依次输出1、2、3。

    有了它,就可以很方便地将命令行的输出,发给浏览器。

    $ websocketd --port=8080 ls

    复制代码

    上面的命令会执行ls命令,从而将当前目录的内容,发给浏览器。使用这种方式实时监控服务器,简直是轻而易举(代码)。

    更多的用法可以参考官方示例。

    Bash 脚本读取客户端输入的例子

    五行代码实现一个最简单的聊天服务器

    websocketd 的实质,就是命令行的 WebSocket 代理。只要命令行可以执行的程序,都可以通过它与浏览器进行 WebSocket 通信。下面是一个 Node 实现的回声服务greeter.js。

    process.stdin.setEncoding('utf8');

    process.stdin.on('readable', function() {

    var chunk = process.stdin.read();

    if (chunk !== null) {

    process.stdout.write('data: ' + chunk);

    }

    });

    复制代码

    启动这个脚本的命令如下。

    $ websocketd --port=8080 node ./greeter.js

    复制代码

    官方仓库还有其他各种语言的例子。

    七、参考链接

    (完)

    展开全文
  • 阮一峰WebSocket 教程

    千次阅读 2018-12-31 16:10:48
    WebSocket 是一种网络通信协议,很多高级功能都需要它。 本文介绍 WebSocket 协议的使用方法。 一、为什么需要 WebSocket? 初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一...

    https://zhuanlan.zhihu.com/p/27604269

    节选:

    WebSocket 是一种网络通信协议,很多高级功能都需要它。

    本文介绍 WebSocket 协议的使用方法。
    一、为什么需要 WebSocket?

    初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?

    答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。

    举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。

    这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。

    轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

    二、简介

    WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。

    它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。
    其他特点包括:

    (1)建立在 TCP 协议之上,服务器端的实现比较容易。

    (2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。

    (3)数据格式比较轻量,性能开销小,通信高效。

    (4)可以发送文本,也可以发送二进制数据。

    (5)没有同源限制,客户端可以与任意服务器通信。

    (6)协议标识符是ws(如果加密,则为wss),服务器网址就是 URL。

    展开全文
  • 学习阮一峰WebSocket

    2017-05-28 18:10:14
    WebSocket 是一种网络通信协议,很多高级功能都需要它。 本文介绍 WebSocket 协议的使用方法。 一、为什么需要 WebSocket? 初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一...
        

    WebSocket 是一种网络通信协议,很多高级功能都需要它。

    本文介绍 WebSocket 协议的使用方法。

    一、为什么需要 WebSocket?

    初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?

    答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。

    举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。

    这种单向请求的特点,注定了如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。

    轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开)。因此,工程师们一直在思考,有没有更好的方法。WebSocket 就是这样发明的。

    二、简介

    WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。

    它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。

    其他特点包括:

    (1)建立在 TCP 协议之上,服务器端的实现比较容易。

    (2)与 HTTP 协议有着良好的兼容性。默认端口也是80和443,并且握手阶段采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器。

    (3)数据格式比较轻量,性能开销小,通信高效。

    (4)可以发送文本,也可以发送二进制数据。

    (5)没有同源限制,客户端可以与任意服务器通信。

    (6)协议标识符是ws(如果加密,则为wss),服务器网址就是 URL。

     ws://example.com:80/some/path
    var ws = new WebSocket("wss://echo.websocket.org");
    
    ws.onopen = function(evt) { 
      console.log("Connection open ..."); 
      ws.send("Hello WebSockets!");
    };
    
    ws.onmessage = function(evt) {
      console.log( "Received Message: " + evt.data);
      ws.close();
    };
    
    ws.onclose = function(evt) {
      console.log("Connection closed.");
    };      

    三、客户端的简单示例

    WebSocket 的用法相当简单。
    
    下面是一个网页脚本的例子(点击[这里](http://jsbin.com/muqamiqimu/edit?js,console)看运行结果),基本上一眼就能明白。

    四、客户端的 API

    WebSocket 客户端的 API 如下。
    

    4.1 WebSocket 构造函数

    WebSocket 对象作为一个构造函数,用于新建 WebSocket 实例。
    var ws = new WebSocket('ws://localhost:8080');
    执行上面语句之后,客户端就会与服务器进行连接。
    
    实例对象的所有属性和方法清单,参见[这里](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket)。
    
    

    4.2 webSocket.readyState

    readyState属性返回实例对象的当前状态,共有四种。

    • CONNECTING:值为0,表示正在连接。

    • OPEN:值为1,表示连接成功,可以通信了。

    • CLOSING:值为2,表示连接正在关闭。

    • CLOSED:值为3,表示连接已经关闭,或者打开连接失败。

    下面是一个示例。
    switch (ws.readyState) {
      case WebSocket.CONNECTING:
        // do something
        break;
      case WebSocket.OPEN:
        // do something
        break;
      case WebSocket.CLOSING:
        // do something
        break;
      case WebSocket.CLOSED:
        // do something
        break;
      default:
        // this never happens
        break;
    }

    4.3 webSocket.onopen

    实例对象的onopen属性,用于指定连接成功后的回调函数。

    ws.onopen = function () {
      ws.send('Hello Server!');
    }

    如果要指定多个回调函数,可以使用addEventListener方法。

    ws.addEventListener('open', function (event) {
      ws.send('Hello Server!');
    });

    4.4 webSocket.onclose

    实例对象的onclose属性,用于指定连接关闭后的回调函数。

    ws.onclose = function(event) {
      var code = event.code;
      var reason = event.reason;
      var wasClean = event.wasClean;
      // handle close event
    };
    
    ws.addEventListener("close", function(event) {
      var code = event.code;
      var reason = event.reason;
      var wasClean = event.wasClean;
      // handle close event
    });

    4.5 webSocket.onmessage

    实例对象的onmessage属性,用于指定收到服务器数据后的回调函数。

    ws.onmessage = function(event) {
      var data = event.data;
      // 处理数据
    };
    
    ws.addEventListener("message", function(event) {
      var data = event.data;
      // 处理数据
    });

    注意,服务器数据可能是文本,也可能是二进制数据(blob对象或Arraybuffer对象)。

    ws.onmessage = function(event){
      if(typeof event.data === String) {
        console.log("Received data string");
      }
    
      if(event.data instanceof ArrayBuffer){
        var buffer = event.data;
        console.log("Received arraybuffer");
      }
    }

    除了动态判断收到的数据类型,也可以使用binaryType属性,显式指定收到的二进制数据类型。

    4.6 webSocket.send()

    实例对象的send()方法用于向服务器发送数据。

    发送文本的例子。
    
    ws.send('your message');

    发送 Blob 对象的例子。

    
    var file = document
      .querySelector('input[type="file"]')
      .files[0];
    ws.send(file);

    发送 ArrayBuffer 对象的例子。

    // Sending canvas ImageData as ArrayBuffer
    var img = canvas_context.getImageData(0, 0, 400, 320);
    var binary = new Uint8Array(img.data.length);
    for (var i = 0; i < img.data.length; i++) {
      binary[i] = img.data[i];
    }
    ws.send(binary.buffer);

    4.7 webSocket.bufferedAmount

    实例对象的bufferedAmount属性,表示还有多少字节的二进制数据没有发送出去。它可以用来判断发送是否结束。

    var data = new ArrayBuffer(10000000);
    socket.send(data);
    
    if (socket.bufferedAmount === 0) {
      // 发送完毕
    } else {
      // 发送还没结束
    }

    4.8 webSocket.onerror

    实例对象的onerror属性,用于指定报错时的回调函数。

    socket.onerror = function(event) {
      // handle error event
    };
    
    socket.addEventListener("error", function(event) {
      // handle error event
    });

    五、服务端的实现

    WebSocket 服务器的实现,可以查看维基百科的[列表](https://en.wikipedia.org/wiki/Comparison_of_WebSocket_implementations)。
    
    常用的 Node 实现有以下三种。
    

    六、WebSocketd

    下面,我要推荐一款非常特别的 WebSocket 服务器:[Websocketd](http://websocketd.com)。
    
    它的最大特点,就是后台脚本不限语言,标准输入(stdin)就是 WebSocket 的输入,标准输出(stdout)就是 WebSocket 的输出。
    

    #!/bin/bash
    
    echo 1
    sleep 1
    
    echo 2
    sleep 1
    
    echo 3

    命令行下运行这个脚本,会输出1、2、3,每个值之间间隔1秒。

    
    $ bash ./counter.sh
    1
    2
    3

    现在,启动websocketd,指定这个脚本作为服务。

    $ websocketd --port=8080 bash ./counter.sh

    上面的命令会启动一个 WebSocket 服务器,端口是8080。每当客户端连接这个服务器,就会执行counter.sh脚本,并将它的输出推送给客户端。

    var ws = new WebSocket('ws://localhost:8080/');
    
    ws.onmessage = function(event) {
      console.log(event.data);
    };

    上面是客户端的 JavaScript 代码,运行之后会在控制台依次输出1、2、3。

    有了它,就可以很方便地将命令行的输出,发给浏览器。
    
    $ websocketd --port=8080 ls

    上面的命令会执行ls命令,从而将当前目录的内容,发给浏览器。使用这种方式实时监控服务器,简直是轻而易(代码)。

    更多的用法可以参考官方示例

    websocketd 的实质,就是命令行的 WebSocket 代理。只要命令行可以执行的程序,都可以通过它与浏览器进行 WebSocket 通信。下面是一个 Node 实现的回声服务greeter.js

    process.stdin.setEncoding('utf8');
    
    process.stdin.on('readable', function() {
      var chunk = process.stdin.read();
      if (chunk !== null) {
        process.stdout.write('data: ' + chunk);
      }
    });
    启动这个脚本的命令如下。
    
    $ websocketd --port=8080 node ./greeter.js

    官方仓库还有其他各种语言的例子。

    七、参考链接

    (完)
    本文出自:阮一峰老师
    链接: http://www.ruanyifeng.com/blo...

    展开全文
  • websocket

    2020-10-18 23:59:20
    二、阮一峰websocket详细介绍以及前端实现方法 WebSocket 教程 三、简单实现websocket(客户端Vue, 服务器Node) /* 客户端 */ methods: { socketClient(){ // 创建websocket对象 const websocket = new ...
  • WebSocket

    2021-01-06 13:57:47
    关于H5新连接协议----WebSocket 最近有一个需求需要实时的在页面中更新一个小...建议和我一样小白的同学可以看一下阮一峰的网络日志,对于websocket有通俗易懂的解释 http://www.ruanyifeng.com/blog/2017/05/websocket
  • 2 WebSocket

    2017-07-04 14:01:22
    知乎:WebSocket 的原理 阮一峰WebSocket 教程
  • WebSocket 教程

    2018-08-14 15:53:48
    原文出处: 阮一峰  WebSocket 是一种网络通信协议,很多高级功能都需要它。     本文介绍 WebSocket 协议的使用方法。 一、为什么需要 WebSocket? 初次接触 WebSocket 的人,都会问同样的问题:我们...
  • http websocket

    2018-11-09 10:37:00
    WebSocket 教程 – 阮一峰的网络日志 二、简介 WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。 它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息...
  • WebSocket 原理

    2018-05-27 15:40:00
    阮一峰WebSocket 教程 转载于:https://www.cnblogs.com/knuzy/p/9096264.html
  • websocket入门

    2018-04-01 19:31:55
    socket.io简述1、基本介绍socket.io是基于websocket技术...这里附一个阮一峰的关于WebSocket 教程,以供深入理解。而socket.io是以websocket技术为主,为了兼容性还带多个降级支持办法,包括:Flash Socket AJAX l...
  • WebSocket 教程 - 阮一峰的网络日志​www.ruanyifeng.com鉴于致学先致史的原则1.为什么需要WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么...
  • WebSocket学习资料收集

    2018-08-15 14:49:07
    1、HTML5 WebSocket   2、WebSocket教程   3、WebSocket教程 -- 阮一峰   4、WebSocket -- 英文教程              
  • SpringBoot使用WebSocket

    2018-11-19 17:47:00
    WebSocket 是一种建立在TCP之上的协议,主要用于解决服务器和客户端双向通话问题,具体可以参考 阮一峰WebSocket教程。 Java Web项目使用WebSocket JSR356 中对Java WebSocket API 有详细的规定,包含客户端API和...
  • websocket的使用

    2019-03-31 19:37:51
    websocket的入门教程推荐阮一峰的http://www.ruanyifeng.com/blog/2017/05/websocket.html 我的实际使用 // webSocket连接未创建或者不是连接成功的状态,重新连接 var webSocketUrl = "ws://localhost:8085...
  • websocket和通信

    2019-10-09 02:37:50
    最近默默的在学websocket,推荐的当然是阮一峰的博客了,其中也学到了不少 可以去看看咯http://www.ruanyifeng.com/blog/2017/05/websocket.html WebSocket 协议在2008年诞生,2011年成为国际标准。 它的最大特点...
  • WebSocket 聊天室demo

    2020-09-07 08:05:35
    阮一峰的网络日志WebSocket教程http://www.ruanyifeng.com/blog/2017/05/websocket.html koa2+WebSocket聊天室demo:https://github.com/ThenMorning/koa2WebSocket/blob/master/client.html 代码参照该demo所写
  • websocket 的基本用法

    2019-10-05 18:48:42
    项目当中使用到了websocket,以前的项目当中使用到了另外一个类似的...下面的例子是阮一峰WebSocket的教程中的例子 var ws = new WebSocket("wss://echo.websocket.org"); //需要连接的服务器端的URL 注意:...
  • WebSocket 教程--阮一峰 WebSocket其实没那么难 Vue中使用websocket的正确使用方法 webSocket 简介 首先,WebSocket是一种通信协议,区别于HTTP协议,HTTP协议只能实现客户端请求,服务端响应的这种单项通信。...
  • 还不了解 websocket 的同鞋,请先学习阮一峰老师的 WebSocket 教程 websocket websocket 在实际项目中有着很广的应用,如好友聊天,异步请求,react-hot-loader 的热更新等等 本文前端采用原生 WebSocket,后端...
  • 当异常会触发,但是在目前阶段,某些时候浏览器并不会触发,包括chrome,直接close最好就是加一个心跳检测来判断网络异常websocket有一个readyState状态值,代表的状态如下(摘自阮一峰博客)CONNECTING:值为0,表示...
  • 16 -WebSocket 教程

    2018-04-03 10:57:56
    WebSocket 教程 分享按钮 作者: 阮一峰 日期: 2017年5月15...
  • WebSocket 教程(转载)

    2017-05-25 14:51:00
    作者:阮一峰 日期:2017年5月15日 WebSocket是一种网络通信协议,很多高级功能都需要它。 本文介绍 WebSocket 协议的使用方法。 一、为什么需要 WebSocket? 初次接触 WebSocket 的人,都会问同样的问题...
  • WebSocket教程(转)

    2018-05-06 10:11:31
    WebSocket 教程作者: 阮一峰日期: 2017年5月15日WebSocket 是一种网络通信协议,很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的...
  • mqtt+htttp+websocket

    2019-09-25 14:00:42
     2、参考网址2:WebSocket 教程(阮一峰) 二、应用  1、参考网址1:从 HTTP 到 MQTT:一个移动后端案例概述  2、参考网址2:websocketd的第一个例子 四、关于restful  1、参考网址1:RESTful API 最佳实践...

空空如也

空空如也

1 2 3
收藏数 53
精华内容 21
关键字:

websocket阮一峰