首页 > 网站 > WEB开发 > 正文

node的socket.io的广播消息

2024-04-27 14:15:28
字体:
来源:转载
供稿:网友

node的socket.io的广播消息

Posted on 2014-12-13 17:08 思思博士 阅读(...) 评论(...) 编辑 收藏

在多个客户端与服务器端建立连接后,socket.io()服务器具有一个sockets属性,属性值为所有与客户端建立连接的socket对象.可以利用该对象的send方法或emit方法向所有客户端广播消息.

io.sockets.send("user commected);

io.socket.emit("login",names);

案例

server.js代码:

 1 var exPRess=require("express"); 2 var http=require("http"); 3 var sio=require("socket.io"); 4 var app=express(); 5 var server=http.createServer(app); 6 app.get("/", function (req,res) { 7     res.sendfile(__dirname+"/index.html"); 8 }); 9 server.listen(1337,"127.0.0.1", function () {10     console.log("开始监听1337");11 });12 var io=sio.listen(server);13  var names=[];14 15 io.sockets.on("connection", function (socket) {16     socket.emit("login",names);17     socket.on("login", function (name) {18         names.push(name);19         io.sockets.emit("login",names);20     });21 });

 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4     <meta charset="UTF-8"> 5     <title></title> 6     <script src="/socket.io/socket.io.js"></script> 7     <script> 8         var socket=io.connect(); 9         socket.on("login", function (names) {10             var str="";11             names.forEach(function(name){12                 str+="用户"+name+"已登录.<br/>";13             });14             document.getElementById("result").innerHTML=str;15         });16         function add(){17             socket.emit("login",document.getElementById("nickname").value);18         }19     </script>20 </head>21 <body>22 昵称<input type="text" id="nickname" />23 <div id="result"></div>24 <input type="button" onclick="add()" value="登录" />25 </body>26 </html>

运行结果:

在谷歌浏览器里面的登录,可以在火狐中看到一模一样的结果.

这是一个美妙的现象,也是一个让我万分惊喜的效果.

如此美妙的node.


上一篇:Ajax技术原理小结

下一篇:(一)backbone

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表