本文原文地址：https://www.limitcode.com/detail/5926e3a056fba70278bf2044.html

前言

上篇我们介绍了 socket.io 中room的概念和使用，本篇我们继续深入了解 socket.io 中 namespace（命名空间）的概念和使用。

对于namespace的概念只需理解3个地方：

1.在不声明新的命名空间情况下，系统会默认使用default namespace。

2.不同命名空间下的socket是不能互相通信了，是处于隔离状态的。

3.服务端使用 io.of(空间名称)声明一个命名空间。

4.客户端使用 io.connect("http://localhost:8080/namespace");连接到一个具体的命名空间。

源码下载地址：http://pan.baidu.com/s/1dFN6Fvj

项目文件结构

服务端

/**

 * Created by mike on 2017/5/15.

 */

var http=require("http");

var express=require("express");//引入express

var socketIo=require("socket.io");//引入socket.io

var app=new express();

var server=http.createServer(app);

var io=new socketIo(server);//将socket.io注入express模块

//namespace1  的访问地址

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

    res.sendFile(__dirname+"/views/namespace1.html");

});

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

    res.sendFile(__dirname+"/views/namespace2.html");

});

server.listen(8080);//express 监听 8080 端口，因为本机80端口已被暂用

console.log("服务已启动");

var namespace1=io.of("/namespace1");// 使用of("命名空间") 声明一个新的空间，不同空间下的socket是隔离的不能互相通信

var namespace2=io.of("/namespace2");

//每个客户端socket连接时都会触发 connection 事件

namespace1.on("connection",function (clientSocket) {

    // socket.io 使用 emit(eventname,data) 发送消息，使用on(eventname,callback)监听消息

    //监听客户端发送的 sendMsg 事件

    clientSocket.on("sendMsg",function (data,fn) {

        // data 为客户端发送的消息，可以是 字符串，json对象或buffer

        // 使用 emit 发送消息，broadcast 表示 除自己以外的所有已连接的socket客户端。

        // to(房间名)表示给除自己以外的同一房间内的socket用户推送消息

        clientSocket.broadcast.emit("receiveMsg",data);

        fn({"code":0,"msg":"消息发生成功","namespace":"命名空间1"});

    })

});

//每个客户端socket连接时都会触发 connection 事件

namespace2.on("connection",function (clientSocket) {

    // socket.io 使用 emit(eventname,data) 发送消息，使用on(eventname,callback)监听消息

    //监听客户端发送的 sendMsg 事件

    clientSocket.on("sendMsg",function (data,fn) {

        // data 为客户端发送的消息，可以是 字符串，json对象或buffer

        // 使用 emit 发送消息，broadcast 表示 除自己以外的所有已连接的socket客户端。

        // to(房间名)表示给除自己以外的同一房间内的socket用户推送消息

        clientSocket.broadcast.emit("receiveMsg",data);

        fn({"code":0,"msg":"消息发生成功","namespace":"命名空间2"});

    })

});

客户端

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>namespace1</title>

</head>

<body>

<label>用户:</label>

<input type="text" id="uname"/><br/>

<label>聊天内容:</label><br/>

<textarea id="content" style="height: 200px; width:300px;"></textarea>

<br/>

<input  id="sendMsg" type="text"/>

<button id="btn_send">发送</button>

<!-- 首先引入 socket.io 客户端脚本-->

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

<script type="text/javascript">

 var socket = io.connect("http://localhost:8080/namespace1");//连接服务端，因为本机使用localhost 所以connect(url)中url可以不填或写 http://localhost

    // 监听 receiveMsg 事件，用来接收其他客户端推送的消息

 socket.on("receiveMsg",function (data) {

        content.value+=data.uname+":"+ data.msg+"\r\n";

 });

 var content=document.getElementById("content");

 var sendMsg=document.getElementById("sendMsg");

 var btn_send=document.getElementById("btn_send");

 var uname=document.getElementById("uname");

 btn_send.addEventListener("click",function () {

        var data={"msg":sendMsg.value ,"uname":uname.value};

 //给服务端发送 sendMsg事件名的消息

 socket.emit("sendMsg",data,function (data) {

            //打印消息发送成功后服务端返回的信息

 console.log("消息发送："+JSON.stringify(data));

 });

 content.value+=data.uname+":"+ data.msg+"\r\n";

 sendMsg.value="";

 });

</script>

</body>

</html>

界面及交互

socket.io romm namespace 总结

记住一点：一个socket可以有多个namespace，每个namespace可以有多个room，每个namespace和room之间是隔离的不能互相通信，room可以加入但是namespace在连接时就要指定。

socket.io 入门篇（三）的更多相关文章

  1. socket.io 入门篇（一）

    本文原文地址:https://www.limitcode.com/detail/591b114bb1d4fe074099d9c9.html 前言 本篇介绍使用node.js模块组件socket.io实 ...

  2. socket.io 入门篇（二）

    本文原文地址:https://www.limitcode.com/detail/5922f1ccb1d4fe074099d9cd.html 前言 上篇我们介绍了 socket.io 基本使用方法,本篇 ...

  3. socket.io入门整理教程

    socket.io入门整理  发布于 5 年前  作者 dtrex  124983 次浏览  最后一次编辑是 1 年前 我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写 ...

  4. 【SSRS】入门篇(三) -- 为报表定义数据集

    原文:[SSRS]入门篇(三) -- 为报表定义数据集 通过前两篇文件 [SSRS]入门篇(一) -- 创建SSRS项目 和 [SSRS]入门篇(二) -- 建立数据源 后, 我们建立了一个SSRS项 ...

  5. Socket.io 入门 - Renyi的博客

    Socket.io Vue 中使用 NPM 安装 npm install vue-socket.io --save npm install --save socket.io-client 引用 详情 ...

  6. 转载：socket.io 入门

    原文链接:http://cnodejs.org/topic/50a1fcc7637ffa4155b5a264 我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单 ...

  7. socket.io入门整理

    我自己在用socket.io开发,对官方网站上的文档,进行简单的整理,然后自己写了一个简单的聊天程序. 最最开始 先安装socket.io: 1 npm install socket.io 利用Nod ...

  8. Node.js、Express、Socket.io 入门

    前言 周末断断续续的写了第一个socket.io Demo.初次接触socket.io是从其官网看到的,看着get started做了一遍,根据官网的Demo能提供简单的服务端和客户端通讯. 这个De ...

  9. socket.io 入门教程

    转载自:http://deadhorse.me/nodejs/2011/12/29/socket.io_induction.html socket.io socket.io是一个以实现跨浏览器.跨平台 ...

随机推荐

  1. 为什么阿里的程序员那么帅？---原来他们都有"编码规约扫描"神器在手

    为了迎接十九大的到来,帝都城这几天也是满城风雨,听说早高峰期地铁站的人都排到天桥上了,哎,这就是该死的北漂生活.但是无论怎样,我依然在北京向各位问好! 之前总结过俩篇关于阿里Java开发手册的编程规约 ...

  2. 【特效】几种实用的按钮hover效果

    效果预览:http://www.gbtags.com/gb/rtreplayerpreview-standalone/3095.htm html: <ul class="btn&quo ...

  3. HTTP错误代码大全

    HTTP出错大全 101 - Switching Protocols Top Success Codes 200 - OK201 - Created202 - Accepted203 - Non-Au ...

  4. Ubuntu Mac OS主题分享

    Ubuntu Mac OS主题分享 一直想搞一个Mac OS主题试试,结果很悲催,在网上搜索的Macbuntu主题在安装主题(macbuntu-os-themes-Its-v7)和 图标(macbun ...

  5. win10应用 UWP 使用MD5算法

    windows有自带的算法来计算MD5 原本在WPF是 private string get_MD5(string str) { System.Security.Cryptography.MD5Cry ...

  6. Spring批量更新batchUpdate提交和Hibernate批量更新executeUpdate

    1:先看hibernate的批量更新处理. 版本背景:hibernate 5.0.8 applicationContext.xml 配置清单: <?xml version="1.0&q ...

  7. [poj1644]放苹果

    题目链接:http://poj.org/problem?id=1664       把M个同样的苹果放在N个同样的盘子里,允许有的盘子空着不放,问共有多少种不同的分法?(用K表示)5,1,1和1,5, ...

  8. LeetCode 461. Hamming Distance （汉明距离）

    The Hamming distance between two integers is the number of positions at which the corresponding bits ...

  9. 五分钟上手Markdown

    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式.------百度百科 话不多说,开始发车!总共10个标签,五分钟足矣,毕竟基本没难度 ...

  10. sql的基本知识

    一.什么是sql? 全称:"结构化查询语言(Structured  Query Language)",是1974年由Boyce和Chamberlin提出来的,现已经成为关系数据库的 ...