前端javascript如何运用WebSocket

703 ℃

WebSocket是单个TCP连接上的全双工通信协议,它允许服务器主动向客户端推送信息,而无需客户端轮询。下面web建站小编给大家简单介绍一下!

具体代码如下:

//前端代码
let socket = new WebSocket('ws://localhost:3000');
 
socket.onopen = function(event) {
  socket.send('from client: Hello');
};
 
socket.onmessage = function(event) {
  console.log(event.data);
};
 
socket.onerror = function(event) {
  console.log('WebSocket error: ' + event.data);
};
 
//Node.js代码
let WebSocketServer = require('ws').Server;
let wss = new WebSocketServer({ port: 3000 });
 
wss.on('connection', function(ws) {
  ws.on('message', function(message) {
    console.log('Received from client: %s', message);
    ws.send('from server: Hello');
  });
 
  ws.on('close', function() {
    console.log('WebSocket closed!');
  });
});

FastRTC:Hugging Face推出的Python实时通信库,简化音频和视频流开发

TCP连接建立的三次握手机制及其工作原理详解

vue项目利用WebSocket插件实现在线聊天功能

Vue如何实现消息推送功能

javascript如何利用WebSocket对象实现Ping命令的实时通信

标签: javascript技巧, TCP连接, WebSocket, 全双工通信的协议, 客户端推送信息

上面是“前端javascript如何运用WebSocket”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_4670.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

input电话类型type="tel"如何只显示数字(屏蔽+*#)
PandaAI
wordpress文章页单独获取分类(栏目)名称和链接
CMS(内容管理系统)如何实现点击按钮删除标签功能
2021年做seo还有前景吗?浅谈SEO未来!