http长/短轮询和WebSocket 的介绍和比较

【1】http协议介绍

1)介绍:http协议是请求/响应范式的,每个http 响应都对应一个 http 请求,http协议是无状态的,多个http请求之间是没有关系的;

2)http协议的被动性:在标准的HTTP请求响应语义中,浏览器发起请求,服务器发送一个响应,这意味着在浏览器发起新请求前,服务器不能发送新信息给客户端浏览器;

【2】http 长轮询 和 短轮询

【2.1】http 长轮询

1)介绍:http 长轮询是server 收到请求后如果有数据,立刻响应请求;如果没有数据 就会 停留 一段时间,这段时间内,如果 server 请求的数据到达(如查询数据库或数据的逻辑处理完成),就会立刻响应;如果这段时间过后,还没有数据到达,则以空数据的形式响应http请求;若浏览器收到的数据为空,会再次发送同样的http请求到server;

2)http 长轮询 的缺点:server 没有数据到达时,http连接会停留一段时间,这会造成服务器资源浪费;

3)看个荔枝:假设有 1000个人停留在某个客户端页面,等待server端的数据更新,那就很有可能服务器这边挂着1000个线程,在不停检测数据是否发生变化,这依然是有问题的;

【2.2】http 短轮询

1)介绍:http 短轮询是 server 收到请求 不管是否有数据到达都直接响应http 请求;如果浏览器收到的数据为空,则隔一段时间,浏览器又会发送相同的http请求到server 以获取数据响应;

2) http 短轮询的缺点:消息交互的实时性较低(server端到浏览器端的数据反馈效率低);

【2.3】http 长轮询 和 短轮询的异同

1)相同点:当server 的数据不可达时,基于http长轮询和短轮询 的http请求,都会 停留一段时间;

2)不同点:http长轮询是在服务器端的停留,而http 短轮询是在 浏览器端的停留;

3)性能总结:从这里可以看出,不管是长轮询还是短轮询,都不太适用于客户端数量太多的情况,因为每个服务器所能承载的TCP连接数是有上限的,这种轮询很容易把连接数顶满;

【3】WebSocket

1)介绍:WebSocket 是 html5 规范发布的新协议,和 http协议完全是两个不同的概念,或者说基本没关系;WebSocket 协议 和 http协议的唯一联系点在于,WebSocket 协议为了兼容现有浏览器的握手规范而采用了 http协议中的握手规范 以建立WebSocket连接;

2)WebSocket协议:其客户端与服务器建立的是 持久连接;

3)WebSocket 解决了 HTTP 的几个难题

3.1)难题1(http协议的被动性):采用 WebSocket 协议后,服务器可以主动推送消息给客户端;而不需要客户端以(长/短)轮询的方式发起http请求到server以获取数据更新反馈;这样一来,客户端只需要经过一次HTTP请求,就可以做到源源不断的信息传送了(在程序设计中,这种设计叫做回调,即:server 端有信息了再来通知client 端,而不是 client 端 每次都傻乎乎地跑去轮询server端 是否有消息更新);

3.2)难题2(http协议的无状态性/健忘性):短轮询是每次http请求前都要建立连接,而长轮询是相邻几次请求前都要建立连接;http请求响应完成后,服务器就会断开连接,且把连接的信息全都忘记了;所以每次建立连接都要重新传输连接上下文(下面有补充),将 client 端的连接上下文来告诉server 端;而 WebSockct只需要一次HTTP 握手,整个通讯过程是建立在一次连接(状态)中的,server 端会一直推送消息更新反馈到客户端,直到客户端关闭请求,这样就无需 客户端为发送消息而建立不必要的 tcp 连接 和 为了建立tcp连接而发送不必要的冗余的连接上下文消息;

4)连接上下文补充:连接上下文,如限定客户端和服务器平台的所有头信息,认证属性,负载描述等;看个荔枝:
![6YGTPH$KO4}FKE}JNY`KPK.png

【4】三种通信方式的优缺点

传统(短)轮询 长轮询 WebSocket
浏览器支持 几乎所有现代浏览器 几乎所有现代浏览器 IE 10+ Edge Firefox 4+ Chrome 4+ Safari 5+ Opera 11.5+
服务器负载 较少的CPU资源,较多的内存资源和带宽资源 与传统轮询相似,但是占用带宽较少 无需循环等待(长轮询),CPU和内存资源不以客户端数量衡量,而是以客户端事件数衡量。三种方式里性能最佳。
客户端负载 占用较多的内存资源与请求数。 与传统轮询相似。 同Server-Sent Event。
延迟 非实时,延迟取决于请求间隔。 同传统轮询。 实时。
实现复杂度 非常简单。 需要服务器配合,客户端实现非常简单。 需要Socket程序实现和额外端口,客户端实现简单。

【补充】http 长连接(tcp 连接可复用)

1)介绍:http协议 目前有两个版本:1.1 和 1.0;区别是 1.1支持 长连接(普遍使用http1.1版本),长连接也叫做持久连接(keep-alive);而1.0不支持长连接,在1.0版本下,每个http请求响应后都会关闭tcp连接,下一次http请求会重新建立http连接;

2)http 长连接:多个http 请求共用同一个 tcp 连接,这样可以减少相邻多次 http请求导致的 tcp连接建立和关闭的资源消耗;http1.1 在请求头和响应头中用 connection 字段标识 该http连接是否是 长连接,即connection: keep-alive 表示长连接;而 connection: closed 表明服务器关闭tcp 连接;

3)keep-alive:与 connection 相对应的是 keep-alive,其属性有 timeout=30 和 max=5 分别是 两次 http 请求 保持的时间,max表示这个tcp 连接最多被几个 http 请求重用;

3.三者总结:

以上的介绍和对比来自于:http://blog.csdn.net/pacosonswjtu/article/details/52035252

个人觉得大概的可以理解为:

1.轮询就是定时发送请求,响应请求

2.长轮询,定时就是发送请求,响应请求,客户端接收到响应后,继续发送请求,从而达到不间断.

3.socket就是发出请求,标识这个请求为长连接,服务端知道后,以后就不需要客户端发送请求,服务端就可以向客户端推送数据.

4.在SSM框架中使用springSocket(后续扩展实际项目如何使用)

首先要知道流程是如何走的,客户端像服务端发出请求,并标识这个请求是长连接,服务端接收到后,处理业务,并将数据传递给客户端(当然也可以不传递),这样每次服务端都可以像客户端推送数据.,大致的流程就是这样
pom.xml
        <!--socket使用的jar-->        <dependency>            <groupId>javax</groupId>            <artifactId>javaee-api</artifactId>            <version>7.0</version>            <scope>provided</scope>        </dependency>        <dependency>            <groupId>org.springframework</groupId>            <artifactId>spring-websocket</artifactId>            <version>4.1.3.RELEASE</version>        </dependency>        <dependency>            <groupId>org.springframework</groupId>            <artifactId>spring-messaging</artifactId>            <version>4.1.3.RELEASE</version>        </dependency>

自定义config类

package com.bile.socket; import org.springframework.stereotype.Component;import org.springframework.web.servlet.config.annotation.EnableWebMvc;import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;import org.springframework.web.socket.config.annotation.EnableWebSocket;import org.springframework.web.socket.config.annotation.WebSocketConfigurer;import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; import javax.annotation.Resource; /** *Title:      MyWebSocketConfig<br/> *Description: 接口地址实例层 *  服务一启动就调用 */@Component@EnableWebMvc@EnableWebSocketpublic class MyWebSocketConfig extends WebMvcConfigurerAdapter implements WebSocketConfigurer{     @Resource    MyWebSocketHandler handler;    @Resource    UserWebSocketHandler handler2;    @Resource    NewStatisticsWebSocketHandler handler3;        @Override    public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {        System.out.println("初始化进来-----");        // TODO Auto-generated method stub        registry.addHandler(handler, "/wsMy").addInterceptors(new HandshakeInterceptor());        registry.addHandler(handler, "/wsMy/sockjs").addInterceptors(new HandshakeInterceptor()).withSockJS();        registry.addHandler(handler2, "/wsUser").addInterceptors(new HandshakeInterceptor());        registry.addHandler(handler2, "/wsUser/sockjs").addInterceptors(new HandshakeInterceptor()).withSockJS();                registry.addHandler(handler3, "/wsNewStatistics").addInterceptors(new HandshakeInterceptor());        registry.addHandler(handler3, "/wsNewStatistics/sockjs").addInterceptors(new HandshakeInterceptor());    } }

自定义hand

package com.bile.socket; import org.springframework.http.server.ServerHttpRequest;import org.springframework.http.server.ServerHttpResponse;import org.springframework.http.server.ServletServerHttpRequest;import org.springframework.web.socket.WebSocketHandler;import org.springframework.web.socket.server.support.HttpSessionHandshakeInterceptor; import java.util.Map;  /** *Title:      HandshakeInterceptor<br/> *Description:  会话标记层 *  web断先进入当前方法--->再进入MyWebSocketHandler去缓存当前session的客户端 */public class HandshakeInterceptor extends HttpSessionHandshakeInterceptor{     @Override    public boolean beforeHandshake(ServerHttpRequest request, ServerHttpResponse response, WebSocketHandler wsHandler, Map<String, Object> attributes) throws Exception {        System.out.println("第2步进来:HandshakeInterceptor->beforeHandshake");        // TODO Auto-generated method stub        String uid = ((ServletServerHttpRequest) request).getServletRequest().getParameter("uid");        // 标记用户        if(uid!=null){            attributes.put("uid", uid);        }else{            return false;        }        return super.beforeHandshake(request, response, wsHandler, attributes);            }     @Override    public void afterHandshake(ServerHttpRequest request,  ServerHttpResponse response, WebSocketHandler wsHandler,  Exception ex) {        System.out.println("第3步进来:HandshakeInterceptor->afterHandshake");        super.afterHandshake(request, response, wsHandler, ex);    } }

自定义socket

import org.springframework.stereotype.Component;import org.springframework.web.socket.*; import java.io.IOException;import java.util.HashMap;import java.util.Iterator;import java.util.Map;import java.util.Map.Entry;  /** *Title:      MyWebSocketHandler<br/> *Description: 会话连接层 */@Componentpublic class MyWebSocketHandler implements WebSocketHandler{         public static final Map<String, WebSocketSession> userSocketSessionMap;     static {        userSocketSessionMap = new HashMap<String, WebSocketSession>();    }     /**     * 连接成功时候,会触发页面上onopen方法     */    @Override    public void afterConnectionEstablished(WebSocketSession session) throws Exception {        // TODO Auto-generated method stub      //String jspCode = (String) session.getAttributes().get("SID");        if (userSocketSessionMap.get(session.getId()) == null) {         userSocketSessionMap.put(session.getId(), session);        }        System.out.println("第4步进来::Socket会话连接成功::Key="+session.getId());            }     //暂时没用    /**     * js调用websocket.send时候,会调用该方法     */    @Override    public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {     }    /**     * 消息传输错误处理     */    //暂时没用    @Override    public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {        // TODO Auto-generated method stub        System.out.println("第1步:开始移除用户" );        if (session.isOpen()) { session.close(); }        Iterator<Entry<String, WebSocketSession>> it = userSocketSessionMap.entrySet().iterator();        // 移除Socket会话        while (it.hasNext()) {            Entry<String, WebSocketSession> entry = it.next();            //if (entry.getValue().getId().equals(session.getId())) {                userSocketSessionMap.remove(entry.getKey());                System.out.println("--------->>>>用户Key::" + entry.getKey());                break;            //}        }    }     /**     * 关闭连接时触发     */    @Override    public void afterConnectionClosed(WebSocketSession session, CloseStatus closeStatus) throws Exception {      System.out.println("Websocket:" + session.getId() + "已经关闭");        Iterator<Entry<String, WebSocketSession>> it = userSocketSessionMap.entrySet().iterator();        // 移除Socket会话        System.out.println("=======关闭连接=====");        while (it.hasNext()) {            Entry<String, WebSocketSession> entry = it.next();            //if (entry.getValue().getId().equals(session.getId())) {                userSocketSessionMap.remove(entry.getKey());                System.out.println("Socket会话已经移除:用户ID" + entry.getKey());                break;            //}        }          }     @Override    public boolean supportsPartialMessages() {        // TODO Auto-generated method stub        return false;    }    /**     * 群发     * @Title:       broadcast     * @Description: TODO     * @param:       @param message     * @param:       @throws IOException     * @return:      void     * @throws     */    public void broadcast(final TextMessage message) throws IOException {        Iterator<Entry<String, WebSocketSession>> it = userSocketSessionMap.entrySet().iterator();        VoThread thread=null;        // 多线程群发        while (it.hasNext()) {             final Entry<String, WebSocketSession> entry = it.next();             if (entry.getValue().isOpen()) {               thread=new VoThread(entry.getValue(),message);              new Thread(thread).start();             //注意这里不能使用匿名内部类,不然会出现问题/*                new Thread(new Runnable() {                    public void run() {                        try {                            if (entry.getValue().isOpen()) {                                entry.getValue().sendMessage(message);                            }                        } catch (IOException e) {                            e.printStackTrace();                        }                    }                }).start();*/            }         }    }     /**     * 给某个用户发送消息     *      * @param userName     * @param message     * @throws IOException     */    public void sendMessageToUser(String uid, TextMessage message)            throws IOException {        WebSocketSession session = userSocketSessionMap.get(uid);        System.out.println("======给"+uid+"用户发送消息======");        if (session != null && session.isOpen()) {            session.sendMessage(message);        }    } }

页面代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>socket</title><script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script><script type="text/javascript" src="http://cdn.bootcss.com/sockjs-client/1.1.1/sockjs.js"></script><script type="text/javascript">    var sock=null;    if (window['WebSocket']) {            sock= new WebSocket('ws://' + window.location.host+'/bile.api/wsMy?uid=1');    }    sock.onopen = function() { /* 连接成功时 */       //页面加载完毕,出发onopen方法,这时候可以选择发送参数,也可以不发送      sock.send(JSON.stringify({to:'1my'}));    };    sock.onmessage = function(e) {/* 服务端推送数据过来 */       //在后台socket中像客户端发送数据时,自动调用这方法拿到数据       $('#data').text(e.data);    };    sock.onclose = function() {       alert('Closing');    };</script></head><body>   <h1 id="data"></h1></body></html>

5.后语

以上只是我自己写的demo,仅供参考,希望大家和我一起学习,有想法提出来,一起讨论,我也是最近才学socket.后续我集成到实际项目中使用后,会完善此贴!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容