zoukankan      html  css  js  c++  java
  • webSocket

    webSocket是什么

    webSocket是HTML5新出的一种协议,底层是基于TCP/IP协议的。跟http没有关系,只是复用了http握手通道,用来升级协议。

    webSocket的作用

    轮询:客户端以一定的时间间隔向服务端发出请求,以频繁请求的方式来保持客户端和服务器端的同步。缺点:

    • 浏览器需要不断的向服务器发出请求,然而HTTP请求可能包含较长的头部,其中真正有效的数据可能只是很小的一部分,显然这样会浪费很多的带宽等资源。

    长轮询:浏览器向服务器发送请求,服务器将请求保持打开一段时间。如果在该时间段内收到通知,则将包含该消息的响应发送到客户端。如果在设定的时间段内未收到通知,则服务器发送响应以终止打开的请求。缺点:

    • 当具有较高的消息量时,长轮询不会提供比传统轮询更大的性能改进
    • 服务器端会阻塞请求直到有数据传递或超时才返回

    使用webSocket浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
    优点:

    • 能更好的节省服务器资源和带宽
    • 支持双向通信,实时性更强
    • 可以发送文本,也可以发送二进制数据

    webSocket的使用

    服务端:

    
    var app = require('express')();
    var WebSocket = require('ws');
    var wss = new WebSocket.Server({ port: 8080 });
    wss.on('connection', function connection(ws) {
        ws.on('message', function incoming(message) {
            console.log(message);
        });
        ws.send('the content from server');
    });
    app.listen(3000,() => {
        console.log('you are listening port 3000');
    });
    

    客户端:

    
    <script>
        var ws = new WebSocket('ws://localhost:8080');
        ws.onopen = function () {
            ws.send('the request from client');
        };
        ws.onmessage = function (e) {
            console.log('from server: ' + e.data);
        };
    </script>
    

    webSocket应用场景

    社交聊天、弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育实况更新、视频会议/聊天、基于位置的应用、在线教育、智能家居等需要高实时的场景

    参考资料:

    原文地址:https://segmentfault.com/a/1190000016594700
  • 相关阅读:
    Daily Scrum 12.9
    成员总结
    反省与深思
    M1事后分析报告--We have power to change the origin state
    PowerTeam--Alpha阶段个人贡献分及转会人员
    Pipeline Alpha版本项目展示
    js 字符串操作函数
    js与jq对数组的操作
    js 与 jq 的节点添加删除实例
    js,jq,css选择器
  • 原文地址:https://www.cnblogs.com/lalalagq/p/9750971.html
Copyright © 2011-2022 走看看