node.js中的socket.io的广播消息


Posted in Javascript onDecember 15, 2014

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

io.sockets.send("user commected);

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

案例

server.js代码:

var express=require("express");

var http=require("http");

var sio=require("socket.io");

var app=express();

var server=http.createServer(app);

app.get("/", function (req,res) {

    res.sendfile(__dirname+"/index.html");

});

server.listen(1337,"127.0.0.1", function () {

    console.log("开始监听1337");

});

var io=sio.listen(server);

 var names=[];

io.sockets.on("connection", function (socket) {

    socket.emit("login",names);

    socket.on("login", function (name) {

        names.push(name);

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

    });

});
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script src="/socket.io/socket.io.js"></script>

    <script>

        var socket=io.connect();

        socket.on("login", function (names) {

            var str="";

            names.forEach(function(name){

                str+="用户"+name+"已登录.<br/>";

            });

            document.getElementById("result").innerHTML=str;

        });

        function add(){

            socket.emit("login",document.getElementById("nickname").value);

        }

    </script>

</head>

<body>

昵称<input type="text" id="nickname" />

<div id="result"></div>

<input type="button" onclick="add()" value="登录" />

</body>

</html>

运行结果:

node.js中的socket.io的广播消息

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

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

如此美妙的node.

Javascript 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
jQuery对象和DOM对象使用说明
Jun 25 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 Javascript
AngularJS 过滤与排序详解及实例代码
Sep 14 Javascript
微信小程序 setData使用方法及常用错误解决办法
May 11 Javascript
js数字滑动时钟的简单实现(示例讲解)
Aug 14 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
在antd Form表单中select设置初始值操作
Nov 02 Javascript
超级简单的jquery操作表格方法
Dec 15 #Javascript
node.js中的fs.link方法使用说明
Dec 15 #Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 #Javascript
jQuery中的编程范式详解
Dec 15 #Javascript
node.js中的fs.symlink方法使用说明
Dec 15 #Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 #Javascript
node.js中的fs.utimes方法使用说明
Dec 15 #Javascript
You might like
php汉字转拼音的示例
2014/02/27 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
javascript 打印页面代码
2009/03/24 Javascript
javascript dom 操作详解 js加强
2009/07/13 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
Javacript实现颜色梯度变化和渐变的效果代码
2013/05/31 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
JS输出空格的简单实现方法
2016/09/08 Javascript
浅谈js数组和splice的用法
2016/12/04 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
vue.js路由mode配置之去掉url上默认的#方法
2019/11/01 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
2020/12/04 Vue.js
python模拟enum枚举类型的方法小结
2015/04/30 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
优秀员工个人的自我评价
2013/11/29 职场文书
上课说话检讨书大全
2014/01/22 职场文书
机械专业技术员求职信
2014/06/14 职场文书
学校教研活动总结
2014/07/02 职场文书
事业单位聘任报告
2015/03/02 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
公司酒会主持词
2015/07/02 职场文书
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS
JavaScript继承的三种方法实例
2021/05/12 Javascript
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python
Linux在两个服务器直接传文件的操作方法
2022/08/05 Servers