node的socket.io的广播消息
2023-09-11 14:22:24 时间
在多个客户端与服务器端建立连接后,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.
相关文章
- Node Security
- SpriteBuilder中使用Node类型的ccb动画节点删除时崩溃的问题
- SpriteBuilder中的CCB Node尺寸
- [Node] Run Local DevDependencies from the Command Line with npx
- [Node] Define MongoDB Model with Mongoose
- [Node.js] Testing ES6 Promises in Node.js using Mocha and Chai
- [Node.js] Using npm link to use node modules that are "in progress"
- [Node.js]33. Level 7: Persisting Questions
- node-canvas遇到NODE_MODULE_VERSION不一致的问题
- [Node.js] Add node.js command line to global
- [Node.js] Child Process with fork() to handle heavy calculation process
- [WASM] Run WebAssembly in Node.js using the node-loader
- [Node.js] Testing ES6 Promises in Node.js using Mocha and Chai
- [Node.js] Scraping Dynamic JavaScript Websites with Nightmare
- Atitit 前端测试最简化内嵌web服务器 php 与node.js 目录 1.1. php内置Web Server1 1.2. Node的2 Node的比较麻烦些。。Php更加简单
- atitit 新特性与趋势管理的艺术 v2 s52.docx 1. lang语言系列 java node.js php 2 1.1. Atitit js es5 es6新特性 attilax总结
- 如何使用 Node.js 访问 SAP HANA Cloud 数据库里的数据
- Node.js 应用访问 https 服务器时遇到的错误消息 unable to get local issuer certificate
- node-schedule.js实现crontab定时任务
- node-exporter安装和详解-适用于物理机虚拟机的监控采集
- Node.js(二)node 核心模块 fs、HTTP模块、express框架
- 超详细的Node.js瓦片拼接教程:从原理到实战,助你轻松完成地图应用开发