第一篇文章：WebSocket的概念和实战（JAVA版）

一：WebSocket是什么?

他是一个客户端可以随时随地和服务端进行通信的一个技术。

二：如何学习WebSocket

包括两个，前端和后端的。前端主要是HTML5技术。后端我将用JAVA来实现。
首先看一下前端发送的请求报文，截取一部分如下
（暂且抄袭网上报文，测试成功后改为自己测试的报文）

GET /webfin/websocket/ HTTP/1.1
Host: localhost
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Key: xqBt3ImNzJbYqRINxEFlkg==
Origin: http://localhost:8080
Sec-WebSocket-Version: 13

跟Http协议看起来很相似嘛。不过，还是有几个没见过。
Upgrade: websocket
叫服务端给老子升级为WebSocket协议
Sec-WebSocket-Key: 密文
这是客户端发给服务端一个 base64 编码的密文。服务端接受后也要返回一个密文给客户段，否则客户端会闹情绪

接下来看一下服务端返回给客户端的报文

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: 密文

Sec-WebSocket-Accept的值当然就是服务端返回给客户端的密文了
HTTP/1.1 101 Switching Protocols 表示服务端接受了升级为WebSocket的请求。
其他的报文内容就不解析了，我们又不是搞协议的，知道大概的流程就OK了。

服务端程序编写-加依赖

首先创建一个项目，可以是Maven的web项目，或者是普通的web项目。但是建议创建一个Maven的web项目，加jar包很简单。
为什么我要这么说，因为接下来我们要加一个jar包，用于支持我们的webSocket。
poi.xml只要加上这个依赖就行了

<dependency>
        <!-- webSocket的JAVA包 -->
        <groupId>javax.websocket</groupId>
        <artifactId>javax.websocket-api</artifactId>
        <version>1.1</version>
</dependency>

当然技术日新月异，各位还是去仓库找找看有没有更新的依赖包吧。
那个，没建Maven项目的童鞋们，去老老实实下载jar加到classpath下面吧。

后端代码流程

1：
首先建一个webSocket类，在类上加一个注解
@ServerEndpoint(“/echo”)
表示注解的这个类是一个WebSocket类，并且访问这个webSocket的路径是/echo
注意：这个类必须要有个无参的默认构造函数
这种实现的webSocket的方式遵循标准 JSR356 规范实现
也有一种实现是Tomcat高版本自定义的api。
这里不解释另一种了
2：
利用注解，写webSocket的方法
@OnOpen注解的方法是当有新的连接连接到服务器时调用的方法
可以添加的参数：Session session
连接的会话信息，可以用该对象通过服务端传送信息给客户端。
@OnMessage注解的方法用于接受传入的客户端信息
可以添加的参数：String message,Session session
第一个参数是客户端传送来的信息，第二个参数见上
@OnClose注解的方法用于当webSocket连接关闭时
可以添加的参数：Session session, CloseReason reason
第二个参数是关闭的原因，通过reason.getReasonPhrase()可以获取连接关闭的原因，如果没有原因的话返回null
@onError注解的方法用于当webSocket连接发生错误时
可以添加的参数：Throwable t
第一个参数是异常对象，怎么用就不用我说了吧
PS：Session对象的几个常用方法
getBasicRemote().sendText();可以向这个会话所属的客户端发生消息
getId()获取这个会话的唯一标识符
其他的自己摸索

前端页面编写

首先new WebSocket(url)对象
url里面写ws://服务端ip地址:端口/web项目名/webSocket的注解名
（@ServerEndpoint(“/echo”)的echo就是注解名）
然后写一些触发事件

//当Websocket连接时触发该函数
ws.onopen = function (){
}       
//当发送信息时调用
ws.onmessage = function(evt){
    console.log(evt.data);
}; 
//当webSocket连接断开时调用
ws.onclose = function(evt){
}; 
//当发送异常时调用
ws.onerror = function(evt){
};

注：

需求：实现实时的web聊天系统，当有用户上线时，另外一个用户可以知道他上线了。暂且就这样