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);
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
