主要是两个文件，一个是后端文件，一个是前端文件：

后端文件：有人登录了，就通知所有的正在访问的页面，把总人数+1；反之-1；

前端文件：有人登录了，通知后端，页面关闭了，通知后端，同时接收后端派发来的消息；

首先，我们来写后端文件-app.js：

var express = require('express');

var app = require('express')();

var server = require('http').createServer(app);

var io = require('socket.io').listen(server);

app.use('/', express.static(__dirname+'/'));

var users = [];

console.log('服务器运行于：localhost:3004');

io.on('connection', function(socket){

     console.log('a user connected');

	socket.on('login',function(data){

		  socket.username = data.username;

		  users.push(data.username);

		  // 统计连接数

		  socket.emit('users',{number:users.length});  // 发送给自己

		  socket.broadcast.emit('users',{number:users.length}); // 发送给其他人

	});

	socket.on('logout',function(data){

		  socket.username = data.username;

		  users=users.slice(0,users.length-1);

		  console.log()

		   统计连接数

		  socket.emit('users',{number:users.length});  // 发送给自己

		  socket.broadcast.emit('users',{number:users.length}); // 发送给其他人

	});

});

//开启端口监听socket

server.listen(3004);

然后，前端html：

   <!DOCTYPE html>

  <html>

  <head>

    <meta charset="utf-8" />

    <title>Socket.IO Example</title>

  </head>

  <body>

    <h1>Socket.IO及时通讯</h1>

    <p id="count"></p>

	<span class="logoutBtn">退出</sapn>

       <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

      <script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>

    <script>

    //建立连接

    socket = io.connect('http://你的服务器地址:3004');

	socket.emit("login", {username:'defaultName'}); 

	//接收服务端推送的信息

    socket.on("users", function(obj) {

        //var curContent = contentNode.html();

        //contentNode.html(curContent+obj.msg);

		console.log('当前在线：'+obj.number)

    });

	$('.logoutBtn').click(function(){

	    socket.emit("logout", {username:'defaultName'});

	});

    </script>

  </body>

</html>

后端文件写好后，要发布到我们自己的服务器上运行才会生效，

后端文件要用到express和socket.io,所以我再创建一个package.json文件：

{

  "name": "socketServer",

  "version": "0.0.0",

  "private": true,

  "scripts": {

    "start": "node ./bin/www"

  },

  "dependencies": {

    "express": "~4.16.0"

  },

  "devDependencies": {

    "socket.io": "^2.2.0"

  }

}

如图，app.js和package.json在一个叫socketServer文件夹中，通过ftp传到服务器：

在服务器命令行进入socketServer目录下，运行npm install命令，安装好依赖，安装好后就多了一个node_modules文件：

最后，我们运行我们的app.js：

一般我们都是通过npm start启动应用，其实就是调用node ./var/www/socketServer。

换成pm2就是：pm2 start ./var/www/socketServer

如果一切顺利的话，我们的在线人数统计就完成了。

如果你有使用pm2的话，使用：pm2 logs命令就可以在控制台上查看打印信息了

创建一个socket服务实时统计在线人数的更多相关文章

  1. 使用PHP创建一个socket服务端

    与常规web开发不同,使用socket开发可以摆脱http的限制.可自定义协议,使用长连接.PHP代码常驻内存等.学习资料来源于workerman官方视频与文档. 通常创建一个socket服务包括这几 ...

  2. [Swift通天遁地]四、网络和线程-(14)创建一个Socket服务端

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  3. [Swift通天遁地]四、网络和线程-(13)创建一个Socket客户端

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  4. C# 创建一个WCF服务

    做代码统计,方便以后使用: app.config配置文件设置: <configuration> <system.serviceModel> <bindings> & ...

  5. 为MongoDB创建一个Windows服务

    一:选型,根据机器的操作系统类型来选择合适的版本,使用下面的命令行查询机器的操作系统版本 wmic os get osarchitecture 二:下载并安装 附上下载链接 点击安装包,我这里是把文件 ...

  6. 【LINUX】——linux如何使用Python创建一个web服务

    问:linux如何使用Python创建一个web服务? 答:一句话,Python! 一句代码: /usr/local/bin/python -m SimpleHTTPServer 8686 > ...

  7. 第一个socket服务端程序

    第一个socket服务端程序 #include <stdio.h> #include <stdlib.h> #include <string.h> #include ...

  8. ng 通过factory方法来创建一个心跳服务

    <!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <met ...

  9. 使用PHP来简单的创建一个RPC服务

    RPC全称为Remote Procedure Call,翻译过来为"远程过程调用".主要应用于不同的系统之间的远程通信和相互调用. 比如有两个系统,一个是PHP写的,一个是JAVA ...

随机推荐

  1. STM32的备份寄存器和控制状态寄存器

    STM32的备份寄存器和控制状态寄存器 1 备份寄存器用于RTC时钟 RTC时钟可以在掉电以后继续计数,保证时间的延续,但是重新上电以后需要配置,保证之前的计数不会被清除,可以借助备份寄存器实现,备份 ...

  2. Oracle split分区表引起ORA-01502错误

    继上次删除分区表的分区遇到ORA-01502错误后[详细见链接:Oracle分区表删除分区引发错误ORA-01502: 索引或这类索引的分区处于不可用状态],最近在split分区的时候又遇到了这个问题 ...

  3. mysql导出数据很快，导入很慢

    mysql导出快,导入特别慢的解决方法:在导入时添加两个参数:max_allowed_packet; net_buffer_length --max_allowed_packet   客户端/服务器之 ...

  4. MyBatis-Plus工具快速入门使用

    MyBatis-plus有什么特色 1.代码生成 2.条件构造器 对我而言,主要的目的是使用它强大的条件构建器. 快速使用步骤: 1.添加pom文件依赖 <dependency> < ...

  5. 『ACM C++』 PTA 天梯赛练习集L1 | 038-039

    英剧总导演真的是忙哈哈哈,需要统筹兼顾所有方面,音频组.录音组.演员表演组.道具组.等等一系列的东西,当一个团队的Leader真不容易哈哈. ----------------------------- ...

  6. 【HDOJ 1285】确定比赛名次（拓扑排序+优先队列）

    Problem Description有N个比赛队(1<=N<=500),编号依次为1,2,3,....,N进行比赛,比赛结束后,裁判委员会要将所有参赛队伍从前往后依次排名,但现在裁判委员 ...

  7. C++笔记009：C++对C的扩展——“实用性”增加

    原创笔记,转载请注明出处! 点击[关注],关注也是一种美德~ 笔记八中已经说到:在 C语言中定义了3个层次的作用域,即文件(编译单元).函数和复合语句. C语言中的变量都必须在作用域开始的位置定义! ...

  8. 集合Gk表示这样一堆数字，该集合内的数字有k个1

    问题描述 集合Gk表示这样一堆数字,该集合内的数字有k个1.比如,G1 = { 1, 10, 100, 1000, ...} G2 = {11, 110, 1110 }, ... , Gk { ... ...

  9. Redis Sentinel 集群安装 step by step

    一. 准备材料 服务器 IP address 操作系统 位数 Redis 版本   CNT06CAH05 192.168.3.47 CentOS 6.5 x64 Redis-3.2.6 sentine ...

  10. Linux中将端口(80)重定向

    在Linux中直接指定命令: iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 8080 其中80为要访问的端 ...