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

 

posted @ 2020-06-13 16:00  蜗牛的礼物  阅读(158)  评论(0编辑  收藏  举报