[网络协议] node websocket笔记

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 网络协议 -> node websocket笔记 -> 正文阅读

[网络协议]node websocket笔记

websocket事件

websocket可以监听的事件
服务端的事件connection、message、close等。。。。
客户端的事件open、message、close、error等四个事件

ws模块创建websocket

server.js

//引入ws模块
const WebSocket = require('ws');
const WebSocketServer = WebSocket.Server;
//创建socket服务器
const ws = new WebSocketServer({port:8080});
//开启监听
ws.on("connection", function (socket) {
	//监听收到的消息
    socket.on('message', function (msg) {
	   socket.send(msg);
	   console.log(msg);
    })
})

client.js

//引入ws模块
const WebSocket = require('ws')
//创建socket连接
const ws = new WebSocket('ws://192.168.1.202:8080')

// 打开连接之后的事件
ws.on('open', () => {
//给服务端发送字符串'hello'
  ws.send('Hello')
})

// 接受服务端发送的消息
ws.on('message', (message) => {
  console.log(message) // Hello
})

网页端监听
webAPI

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>socket</title>
	</head>
	<body>
		
	</body>
	<script type="text/javascript" src="/static/js/jquery.min.js"></script>
	<script type="text/javascript">
		(function(){
			//新建socket连接
			let ws = new WebSocket('ws://192.168.1.202:8080');
			//监听事件
			ws.addEventListener('open',function(e){
				ws.send("Hello WebSockets!");
			})
			//监听服务端发送回来的数据
			ws.addEventListener('message',function(e){
				console.log(e.data);
			})
		})(window);
	</script>
</html>

express和ws模块联动

只需要监听http服务就可以，不用监听app，express详细信息额外配置

const express = require('express');
const app = express();
var WebSocket = require('ws');
var http = require('http');
var server = http.createServer(app)
var ws = new WebSocket.Server({ server})

ws.on("connection", function (socket) {
    socket.on('message', function (msg) {
	   socket.send(msg);
	   console.log(msg);
    })
})

const port = 8080;


server.listen(port);