最精简的 Websocket 实例

深藏阁楼爱情的钟 2022-04-08 15:53 204阅读 0赞

创建一个 HTML 文件，内容为：

<!DOCTYPE html>
    <html>
      <header>
        <script>
          var ws = new WebSocket("ws://echo.websocket.org");
          ws.onopen = function() {
            ws.send("Test!");
          };
          ws.onmessage = function(ev) {
            console.log(ev.data);
            ws.close();
          };
          ws.onclose = function(ev) {
            console.log("WebSocketClosed!");
          };
          ws.onerror = function(ev) {
            console.log("WebSocketError!");
          };
        </script>
      </header>
      <body>
        <p>The Simplest Websocket Example</p>
      </body>
    </html>

在浏览器里打开这个文件，结果如下：  
![在这里插入图片描述][20181218224343250.png]

解释如下：

> 脚本开始时创建一个WebSocket对象，参数是需要连接的服务器端的地址，同 http 协议使用 http:// 开头一样，WebSocket 协议的 URL 使用 ws:// 开头，另外安全的 WebSocket 协议使用 wss:// 开头。

> 当调用 new WebSocket(url) 接口时，浏览器就开始了与地址为 url 的 WebServer 建立握手连接的过程。

> 随后是 WebSocket 对象注册消息的处理函数，WebSocket对象一共支持四个消息
> 
>  *  onopen
>  *  onmessage
>  *  onclose
>  *  onerror

> 当浏览器和 WebSocket 服务器连接成功后，会触发 onopen 消息；  
> 如果连接失败，发送、接收数据 失败或者处理数据出现错误，浏览器会触发onerror消息；  
> 当浏览器接收到 WebSocket 服务器发送过来的数据时，就会触发 onmessage消息，参数 ev 中包含服务器传输过来的数据；  
> 当浏览器接收到 WebSocket 服务器端发送的关闭连接请求时， 就会触发 onclose 消息。

[20181218224343250.png]: /images/20220404/aada2b1600e24e70987fb163918e16bd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关最精简的java 线程池与任务队列

1. import java.util.\; 2. 3. public class WorkQueue \{ 4. private final i

妖狐艹你老母/ 2022年08月03日 14:45/ 0 赞/ 61 阅读

相关 HTML5 WebSocket 简单实例

什么是WebSocket WebSocket 简单实例什么是WebSocket WebSocket是HTML5开始提供的一种在单个 TCP

男娘i/ 2022年07月19日 05:30/ 0 赞/ 189 阅读

相关 Ubuntu 最小精简版

好消息！Canonical公司正式宣布──Ubuntu JeOS 7.10发布了！是不是有点懵了？什么是Ubuntu JeOS 7.10？怎么突然冒出这个发行版？还

素颜马尾好姑娘i/ 2022年07月15日 03:55/ 0 赞/ 364 阅读

相关 Java Websocket实例

记录下自己在用的websocket 介绍现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器对服务器发出

不念不忘少年蓝@/ 2022年06月09日 07:28/ 0 赞/ 181 阅读

相关算法珠玑——一个最精简的题库

算法珠玑——一个最精简的题库本书的目标读者是准备去硅谷找工作的码农，也适用于在国内找工作的码农，以及刚接触ACM算法竞赛的新手。市场上讲解算法的书已经汗牛充栋，为什

刺骨的言语ヽ痛彻心扉/ 2022年06月06日 09:08/ 0 赞/ 149 阅读

相关 WebSocket_实例

握手协议的客户端数据已经由浏览器代劳了，服务器端需要我们自己来实现，目前市场上开源的实现也比较多如： Kaazing WebSocket Gateway(一个 Jav

桃扇骨/ 2022年05月25日 12:19/ 0 赞/ 225 阅读

相关基于Netty最简单的WebSocket通讯

基于Netty最简单的WebSocket通讯基于Netty最简单的WebSocket通讯总览服务端

淡淡的烟草味﹌/ 2022年05月16日 02:48/ 0 赞/ 263 阅读

相关 Java后端WebSocket的Tomcat实例

一.WebSocket简单介绍　　随着互联网的发展，传统的HTTP协议已经很难满足Web应用日益复杂的需求了。近年来，随着HTML5的诞生，WebSocket协议被提出

约定不等于承诺〃/ 2022年04月18日 00:45/ 0 赞/ 159 阅读

相关最精简的 Websocket 实例

创建一个 HTML 文件，内容为： <!DOCTYPE html> <html> <header> <script>

深藏阁楼爱情的钟/ 2022年04月08日 15:53/ 0 赞/ 205 阅读

相关精简的webservice

看了网上好多关于webservice的例子，基本上对初学者来说都是模棱两可云里雾里，现在，我将网上关于webservice的讲解提炼出来，通过一个最简单使用并且方便的例子，告诉

青旅半醒/ 2021年12月10日 15:19/ 0 赞/ 300 阅读