WebSocket 前端后端(nodejs)

WebSocket是一种TCP连接,用于实现后端主动向前端推送数据。在握手阶段使用HTTP/HTTPS协议,之后则通过WebSocket协议传输。前端创建WebSocket对象并与服务器建立连接,NodeJS服务端可以通过websocket模块实现简单的WebSocket服务。
摘要由CSDN通过智能技术生成

WebSocket是区别于HTTP/HTTPS的另外一种协议,目的是实现后端主动向前端发送数据,是一种TCP的连接。

1. WebSocket的前后端握手

WebSocket协议在握手连接的时候,走的是HTTP/HTTPS协议的upgrade请求,但是在握手之后的数据传输走的就是WebSocket协议了。

2. WebSocket前端简单代码

var ws = new WebSocket("ws://localhost:8080/msg");
 
ws.onopen = function(evt) {
	console.log("Connection open ...");
	ws.send("Hello WebSockets!");
};
 
ws.onmessage = function(evt) {
	console.log("Received Message: " + evt.data);
	ws.close();
};
 
ws.onclose = function(evt) {
	console.log("Connection closed.");
};

在创建WebSocket对象后,会自动向服务器发起连接,本例web服务器协议为HTTP, 地址为localhost:8080, "ws:"代表websocket协议,如果服务器端是HTTPS协议,为"wss:"

查看WebSocket的状态,可以用如下语句:

ws.readyState === WebSocket.OPEN

如果服务端对客户端进行分类或者服务端需要子协议从而进行不同的处理,则客户端可以通过WebSocket的protocol

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值