注意: 第二个参数可以传对象,因为在emit方法内部带有JSON.stringfy()方法,自动将对象转化为字符串。onSocket.on(eventName, callback):监听一个 emit 发射的事件socket.on('
on
Socket.on(eventName, callback)
:监听一个 emit 发射的事件
socket.on('aaa',(msg)=>{
console.log(msg)
})
在这里以
客户端
为例,客户端监听服务端的事件aaa
,随后通过回调函数的方式打印出aaa
传过来的信息。
在express中引入使用
const server = require('Http').createServer(app);
const io = require('socket.io')(server);
io.on('connection', socket => {
console.log('恭喜你连接成功!')
socket.on("message",(msg)=>{
console.log(msg) //你好 后台
//注意 : 这里的 io.emit() 是默认转发给全部客户端信息,所有客户端都可以收到
io.emit("allMsg","广播 : 欢迎来到聊天室")
})
});
server.listen(3000);
将
server
当作参数传入,目的在于说明io
挂载的服务依旧是基于http
的。
这里的代码表示,只要连接成功,就会打印连接成功的信息!
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io(); //默认连接服务端启动的本地端口地址
socket.emit("message","你好 后台")
// 监听服务端的广播事件,接收广播的消息
socket.on("allMsg",(msg)=>{
console.log(msg) //广播 : 欢迎来到聊天室
})
</script>
在客户端需要单独引用
socket.io.js
文件,因为socket.io不是浏览器内置模块,需要单独引用,js文件内部代码 ==> socket.io.js内部代码,将这里的代码复制到自己创建的js文件中,然后在客户端中引用。
只要在客户端中出现const socket = io()
,浏览器将会直接默认连接到客户端启动的本地服务地址。
socket.io这个第三方模块相对来说,书写代码的时候更加的方便与高效,在ws
模块中通过switch
分支来进行对不同的聊天类型
进行不同的方法呈现,而在socket.io
模块中仅仅通过自定义事件
就可以解决这个问题,并且socket.io可以在服务器断开后,当你再次进入客户端后可以自动连接,整体的表现优于ws
模块。
--结束END--
本文标题: 浅析node中如何优雅使用Socket.IO模块
本文链接: https://lsjlt.com/news/173528.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-24
2023-05-24
2023-05-24
2023-05-24
2023-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0