【Html5客户端API】

1.创建websocket对象

var connection =  new WebSocket('ws[s]://www.example.com/chat',可选自己实现的协议{'chat.v1'});

//如果消息是二进制形式 connection.binaryType = 'arraybuffer';

2.使用websocket对象

    * 内部使用connection.readyState:CONNECTING(0) OPEN(1) | CLOSING(2) | CLOSED(3)

closing状态 => closed状态  触发onClose(event)        Clean reason code(值1000为正常)

connecting状态 => open状态 触发onOpen事件。

onerror(event)   data

onmessage(event) data

close(code,可选reason)

send(onlyone)  仅接受一个参数 String、Blob、ArrayBuffer、ArrayBufferView。

connection.onopen =  function(){

  var intervalId = window.setInerval(function(){

    if(connection.readyState != WebSocket.OPEN){

      window..clearInterval(intervalid);

      return;

    }

    if(connection.bufferedAmount == 0)

      connection.send(updateModelData);

  },50);

}

……………………………………………………………………………………………………………………………………

【Java客户端的WebSocket API】

一、 【连接上WebSocket Server】

//WebSocketContainer提供所有WebSocket客户端特性访问

ContainerProvider.getWebSocketContainer(),connectToServer(重载4个方法) 返回一个session (可以用来关闭会话、或者发送消息到远程终端)

1.基本参数是uri

2.使用@ClientEndPoint   或者使用@EndPoint + ClientEndPointConfig

二、【通信】

WebSocket的 EndPoint 有三个方法  onOpen  onClose  onError

ClientEndPoint 也可以有@OnOpen @OnClose @OnError

两者通过 onMessage通信,接收消息。

……………………………………………………………………………………………………………………………………

三、【服务器API】

WebSocket提供了API接口,一般Web容器已经提供了客户端和服务端实现。

如果需求只是客户端(包括浏览器、java终端)

<dependency>

  <groupId>javax.websocket</groupId>

  <artifactId>javax.websocket-client-api</artifactId>

  <version>1.0.0</version>

  <scope>provided</scope>

</dependency>

【@ServerEndponit("/game/{gameType}")】最重要握手之后,服务器和客户端都编程对等端点。

只需要使用@ServerEndPoint注解服务器终端类,WebSocket实现自动扫描类的注解,自动选择注册服务器终端。

ServerContainer将在每次收到WebSocket连接时创建对应终端类的实例,在连接关闭后销毁。

WebSocket 快速开始的更多相关文章

  1. 【WebSocket】WebSocket快速入门

    WebSocket介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动 ...

  2. 细说websocket快速重连机制

    文|马莹莹 网易智慧企业web前端开发工程师 引言 在一个完善的即时通讯应用中,websocket是极其关键的一环,它为web应用的客户端和服务端提供了一种全双工的通信机制,但由于它本身以及其底层依赖 ...

  3. 用 Go + WebSocket 快速实现一个 chat 服务

    前言 在 go-zero 开源之后,非常多的用户询问是否可以支持以及什么时候支持 websocket,终于在 v1.1.6 里面我们从框架层面让 websocket 的支持落地了,下面我们就以 cha ...

  4. 八问WebSocket协议:为你快速解答WebSocket热门疑问

    一.引言 WebSocket是一种比较新的协议,它是伴随着html5规范而生的,虽然还比较年轻,但大多主流浏览器都已经支持.它使用方面.应用广泛,已经渗透到前后端开发的各种场景中. 对http一问一答 ...

  5. java SSM框架 代码生成器 快速开发平台 websocket即时通讯 shiro redis

    A代码编辑器,在线模版编辑,仿开发工具编辑器,pdf在线预览,文件转换编码 B 集成代码生成器 [正反双向](单表.主表.明细表.树形表,快速开发利器)+快速表单构建器 freemaker模版技术 , ...

  6. 如何快速搞定websocket

    5 个步骤快速掌握websocket消息发送和接收 1. 获取您的 appkey 先注册一个账号,登录后,创建一个应用,就能得到您的 appkey. 详情见 获取开发者账号和 appkey 2. 客户 ...

  7. 使用Node.js快速搭建WebSocket server

    原文地址:http://my.oschina.net/yushulx/blog/309413 目录[-] 安装 服务端 客户端 参考 安装 ? 1 npm install ws 服务端 server. ...

  8. 快速搭建CentOS+ASP.NET Core环境支持WebSocket

    环境:CentOS 7.x,.net core 2 以下.net core 2安装操作为官方方法.如果你使用Docker,那么更简单了,只需要docker pull microsoft/dotnet就 ...

  9. 如何用Baas快速在腾讯云上开发小程序-系列1:搭建API & WEB WebSocket 服务器

    版权声明:本文由贺嘉 原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/221059001487422606 来源:腾云阁 h ...

随机推荐

  1. [ZJOI2012]灾难(建图)

    阿米巴是小强的好朋友. 阿米巴和小强在草原上捉蚂蚱.小强突然想,如果蚂蚱被他们捉灭绝了,那么吃蚂蚱的小鸟就会饿死,而捕食小鸟的猛禽也会跟着灭绝,从而引发一系列的生态灾难. 学过生物的阿米巴告诉小强,草 ...

  2. bzoj4481非诚勿扰(期望dp)

    有n个女性和n个男性.每个女性的如意郎君列表都是所有男性的一个子集,并且可能为空.如果列表非空,她们会在其中选择一个男性作为自己最终接受的对象.将“如意郎君列表”中的男性按照编号从小到大的顺序呈现给她 ...

  3. 如何在以太坊上搭建一个Dapp?

    原创: 前哨小兵甲 区块链前哨 昨天 策划|Tina作者|Mahesh Murthy俗话说,实践出真知!对于开发人员来说,最好的学习办法就是亲自动手做一个小项目.所以,接下来我们将会以一个投票程序为例 ...

  4. Up-to-date cache with EclipseLink and Oracle

    Up-to-date cache with EclipseLink and Oracle One of the most useful feature provided by ORM librarie ...

  5. A1122. Hamiltonian Cycle

    The "Hamilton cycle problem" is to find a simple cycle that contains every vertex in a gra ...

  6. 【洛谷 P2430 严酷的训练】

    题目背景 Lj的朋友WKY是一名神奇的少年,在同龄人之中有着极高的地位... 题目描述 他的老师老王对他的程序水平赞叹不已,于是下决心培养这名小子. 老王的训练方式很奇怪,他会一口气让WKY做很多道题 ...

  7. 第一篇 - bsp抓取python中文开发者社区中的所有高级教程

    工具:python3.6  pycharm 库:bs4 + urllib 第一步:读取html源码 from bs4 import BeautifulSoup import urllib.reques ...

  8. mfc 中的error RC2104 : undefined keyword or key name

    http://bbs.csdn.net/topics/340253236 需要在此文件中添加该按钮 声明一下. 但是在resource.h中已经定义了:#define IDC_ETHCONF_CHKP ...

  9. jenkins发版svn

    1.在mac上直接安装Jenkins,下载地址 : 2.安装插件:系统管理-->插件管理 publish over ssh Exec command: cd /usr/local/apache- ...

  10. bigdata learning unit two--Spark environment setting

    1.下载 Spark安装之前的准备 文件的解压与改名 tar -zxvf spark-2.2.0-bin-hadoop2.7.tgz rm -rf spark-2.2.0-bin-hadoop2.7. ...