socket.IO
官方技术文档地址:https://socket.io/docs/
js下载地址:https://socket.io/blog/socket-io-2-0-1-2-0-2-and-2-0-3/
1.创建html和js(两个文件)
html代码:
<html> <head> <title>socket</title> </head> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="./2.0.3socket.io.js"></script> <body> </body> <script> var socket = io('ws://localhost:3000'); socket.on('news',function(data){ console.log(data); socket.emit('my other event',{my:'GOOD AFTERNOON!'}); }); </script> </html>
socketServer.js
var app=require('http').createServer(); var io = require('socket.io')(app); app.listen(3000); io.on('connection',function(socket){ socket.emit('news',{hello:'How are you!'}); socket.on('my other event',function(data){ console.log(data); }); });
2.使用npm在VSCode上安装socket.io
npm install socket.io
3.运行socketServer.js服务
node ./socketServer.js
页面运行效果:
后台服务接收效果:
对比nodejs-webSocket好处:
1)可以直接传送对象,不再是只有string
2)可以自定义方法:
socket.emit('my other event',{my:'GOOD AFTERNOON!'});
参阅:https://www.imooc.com/video/15323