Websocket是什么?
一、 WebSocket是什么?
Websocket是一种网络通信协议,是一个在计算机里专门在【两点】之间传输数据的约定和规范。
二、 为什么存在WebSocket?
因为 HTTP 协议有一个缺陷:通信只能由客户端发起。
但实际上,如果服务器有连续的状态变化,客户端要获知就非常麻烦。我们只能使用"轮询":每隔一段时候,就发出一个询问,了解服务器有没有新的信息。
比如:摄像头识别到跌倒的人会在前端页面上报警,这个时候就需要服务器向客户端发送请求。
知道轮询的原理后,我们可以轻而易举得看出缺点是:效率低,且浪费资源。(因为每查看一下服务器是否有新消息的时候,就要建立tcp连接)
WebSocket是基于Http协议的,或者说借用了Http协议来完成一部分握手,在握手阶段与Http是相同的。
最重要的一点是:没有同源限制,客户端可以与任意服务器通信,也就不用考虑跨域的问题了。
三、 怎么使用WebSocket?
1 var ws = new WebSocket("wss://example.websocket.com");//协议标识符是ws(如果加密,则为wss),括号里是服务器地址。新建 WebSocket 实例,客户端就会与服务器进行连接。
2
3 ws.onopen = function(e) {
4 console.log("Connection open ...");
5 ws.send("Hello WebSockets!");
6 }; //实例对象的onopen属性,用于指定连接成功后的回调函数。
7
8 ws.onmessage = function(e) {
9 console.log( "Received Message: " + e.data);
10 ws.close();
11 }; //实例对象的onmessage属性,用于指定收到服务器数据后的回调函数。
12
13 ws.onclose = function(e) {
14 console.log("Connection closed.");
15 }; //实例对象的onclose属性,用于指定连接关闭后的回调函数。
16
17 //实例对象的send()方法用于向服务器发送数据。
Websocket是什么?的更多相关文章
- 漫扯:从polling到Websocket
Http被设计成了一个单向的通信的协议,即客户端发起一个request,然后服务器回应一个response.这让服务器很为恼火:我特么才是老大,我居然不能给小弟发消息... 轮询 老大发火了,小弟们自 ...
- 细说WebSocket - Node篇
在上一篇提高到了 web 通信的各种方式,包括 轮询.长连接 以及各种 HTML5 中提到的手段.本文将详细描述 WebSocket协议 在 web通讯 中的实现. 一.WebSocket 协议 1. ...
- java使用websocket,并且获取HttpSession,源码分析
转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/6238826.html 一:本文使用范围 此文不仅仅局限于spring boot,普通的sprin ...
- WebSocket - ( 一.概述 )
说到 WebSocket,不得不提 HTML5,作为近年来Web技术领域最大的改进与变化,包含CSS3.离线与存储.多媒体.连接性( Connectivity )等一系列领域,而即将介绍的 WebSo ...
- php+websocket搭建简易聊天室实践
1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...
- Demo源码放送:打通B/S与C/S !让HTML5 WebSocket与.NET Socket公用同一个服务端!
随着HTML5 WebSocket技术的日益成熟与普及,我们可以借助WebSocket来更加方便地打通BS与CS -- 因为B/S中的WebSocket可以直接连接到C/S的服务端,并进行双向通信.如 ...
- Cowboy 开源 WebSocket 网络库
Cowboy.WebSockets 是一个托管在 GitHub 上的基于 .NET/C# 实现的开源 WebSocket 网络库,其完整的实现了 RFC 6455 (The WebSocket Pro ...
- 借助Nodejs探究WebSocket
文章导读: 一.概述-what's WebSocket? 二.运行在浏览器中的WebSocket客户端+使用ws模块搭建的简单服务器 三.Node中的WebSocket 四.socket.io 五.扩 ...
- 细说websocket - php篇
下面我画了一个图演示 client 和 server 之间建立 websocket 连接时握手部分,这个部分在 node 中可以十分轻松的完成,因为 node 提供的 net 模块已经对 socket ...
- webSocket and LKDBHelper的使用说明
socketket与lkdbhelper来处理数据 客户需求: 当我们有需要从自己的后台推送消息给我们的用户时,用户需要实时的接收到来自我们的推送消息.前提是没有使用第三方的推送框架,那么这个使用we ...
随机推荐
- docker-compose 文件
安装 curl -L https://get.daocloud.io/docker/compose/releases/download/v2.4.1/docker-compose-`uname -s` ...
- git log 的常用用法
1.最基本的 git log 2.简化版本 git log --oneline 3. 作者筛选 4.时间筛选 git log --since="2022.05.26" --unti ...
- liunx查看端口使用情况
netstat -ntlp //查看当前所有tcp端口
- .Net Core WebApi 控制器自动创建文件夹上传图片
/// <summary> /// 异步图片或文件上传 /// </summary> /// <param name="formFile">&l ...
- HTML基础知道了解
第1章 Html介绍 1.Html和CSS的关系 1.1 学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1.2 HT ...
- Ubuntu: 升级或安装最新版本的 Nginx
Ubuntu 默认 apt 源中的 Nginx 版本比较旧,今天介绍下如何在 Ubuntu 中安装最新版本的 Nginx. 要安装较新版本的 Nginx, 可以使用 Nginx 的 APT 源.执行如 ...
- 93、springboot 和springcloud版本对比
https://start.spring.io/actuator/info 建议转为json
- Dinic的几种复杂度
学了那么久网络流才发现自己不知道 Dinic 算法的一个在各边容量均为 \(1\) 的网络时复杂度上的结论.我说为啥学术社区那题优化建图复杂度是对的呢-- 以下均认为使用了当前弧优化与多路增广. 以下 ...
- vue dialog弹窗
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title=&quo ...
- react-router 路由 入门必看
如果您已经入门reactjs,请绕道~ 这篇博客只适合初学者,初学reactjs的时候,如果你不会webpack,相信很多人都会被官方的例子绕的晕头转向. ES6的例子也会搞死一批入门者.之前一直用的 ...