Posted:
Aug 24, 2013
Tags:
Comments:
14 Comments

websocket服务器监控

从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。非常适合小型网站，个性化网站，我们自己的Geek网站！！

关于作者

  • 张丹(Conan), 程序员Java,R,PHP,Javascript
  • weibo：@Conan_Z
  • blog: http://blog.fens.me
  • email: bsspirit@gmail.com

转载请注明出处：
http://blog.fens.me/nodejs-websocket-monitor/

monitor

前言
Websocket技术的强大之处在于，打通了浏览器和服务器的双向通信的高速通道。有了如此神器，我们就可以在web上面“为所欲为”了。

在web上面，模拟一个Shell窗口，已经不稀奇了。我们再通过shell获得Linux系统(CPU,IO)信息，时时返回到web端，通过Highcharts生成系统监控图，是不是很高端！？

快动起来吧，你也可以做到的。

目录

  1. 系统架构设计
  2. 通过Shell获得CPU及IO信息
  3. 创建nodejs项目
  4. 实现websocket服务器端
  5. 实现websocket客户端
  6. 用Highcharts生成时时系统监控图

1. 系统架构设计

monitor-architect

我的系统环境：

  • Linux: Ubuntu 12.04.2 LTS 64bit deskop
  • Nodejs: npm 1.2.21, node v0.11.2

~ uname -a
Linux conan-deskop 3.5.0-23-generic #35~precise1-Ubuntu SMP Fri Jan 25 17:13:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux
~ cat /etc/issue
Ubuntu 12.04.2 LTS \n \l

~ npm -v
1.2.21
~ node -v
v0.11.2

2. 通过Shell获得CPU及IO信息

安装软件包sysstat

sudo apt-get install sysstat

配置sysstat


~ sudo vi /etc/default/sysstat
ENABLED="true"

~ sudo /etc/init.d/sysstat restart

查看CPU的使用情况


~ sar  1
Linux 3.5.0-23-generic (conan-deskop)   2013年08月23日  _x86_64_        (2 CPU)
18时13分39秒     CPU     %user     %nice   %system   %iowait    %steal     %idle
18时13分40秒     all      0.52      0.00      0.52      0.00      0.00     98.96
18时13分41秒     all      0.52      0.00      0.52      0.00      0.00     98.96
18时13分42秒     all      0.00      0.00      0.52      0.00      0.00     99.48
18时13分43秒     all      0.00      0.00      1.03      0.00      0.00     98.97
18时13分44秒     all      0.00      0.00      0.52      0.00      0.00     99.48

我们只关系idle的情况。公式：CPU时间 = 100 – idle

查看内存的情况


~ sar -r 1
Linux 3.5.0-23-generic (conan-deskop)   2013年08月23日  _x86_64_        (2 CPU)
18时14分30秒 kbmemfree kbmemused  %memused kbbuffers  kbcached  kbcommit   %commit  kbactive   kbinact
18时14分31秒    749672   1301452     63.45    123460    643808   2205152     53.18    716128    440348
18时14分32秒    749672   1301452     63.45    123460    643808   2205152     53.18    716128    440348
18时14分33秒    749672   1301452     63.45    123460    643808   2205152     53.18    716128    440348
18时14分34秒    749672   1301452     63.45    123460    643808   2205152     53.18    716128    440348

我们只关系memused的情况。公式：内存用量 = 100 – memused

3. 创建nodejs项目

创建一个express3的项目, 还没有装好nodejs环境的同学，请参考：准备Nodejs开发环境Ubuntu


~ cd /home/conan/nodejs
~ express -e nodejs-alert
~ cd nodejs-alert
~ sudo npm install

实现websocket通信，我们还需要安装socket.io


~ sudo npm install socket.io

4. 实现websocket服务器端

修改app.js文件，webscoket的实现用到socket.io，读取系统进程用到child_process。


var express = require('express')
  , path = require('path')
  , app = express()
  , server = require('http').createServer(app)
  , io = require('socket.io').listen(server)
  , worker = require('child_process');

// 其他代码省略
....

5. 实现websocket客户端

1). 首先是view/alert.html


~ vi view/alert.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Socket.io - System Alert</title>
<script src="javascripts/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="javascripts/sysAlert.js"></script>
</head>
<body>
<h1>Socket.io - System Alert</h1>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<script src="javascripts/highcharts/highcharts.js"></script>
<script src="javascripts/highcharts/modules/exporting.js"></script>
</body>
</html>

2). 下载必须的jquery.min.js和highcharts的整个库
3). 增加 javascripts/sysAlert.js 文件，用于客户端的实现。

  • 调用socket.io实现和服务器的通信
  • 调用Highcharts生成动态图

    // highcharts部分代码
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

    $('#container').highcharts({
        chart: {
            type: 'spline',
            animation: Highcharts.svg,
            marginRight: 10
        },
    
    // 代码省略
    ....
    });

    //// socket.io部分代码
    var socket = io.connect('http://192.168.1.20');
    socket.on('system', function (data) {

    // 代码省略
    ...
    });

下面是生成的 系统监控动态图！

6. 用Highcharts生成时时系统监控图

alert

内存，占用情况大概为84%，保持稳定。
CPU，占用情况。每次CPU有变化时，我都在做矩阵计算。

R语言矩阵计算代码


a<-matrix(1:1000000,ncol=1000)->b
b %*% a

转载请注明出处：
http://blog.fens.me/nodejs-websocket-monitor/

打赏作者

Post Views: 2,041

This entry was posted in Javascript语言实践, 可视化技术, 操作系统, 架构设计

0 0 votes
Article Rating
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

14 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
一米阳光

sysAlert.js的代码 可否完整贴下呢？

0
Reply
Nodejs

为什么我取不到数据呢

ebug – websocket writing 5:::{“name”:”system”,”args”:[{“time”:1393494513812,”cpu”:null,”mem”:null}]}

0
Reply
Conan Zhang

Linux系统，先在命令行保证命令可以运行。

0
Reply
zhaojian

确实取不出来数据，返回的情况跟楼上一样，不过在linux里面sar命令运行是没问题的

0
Reply
zhaojian

如何才能跨域呢？127.0.0.1可以 可是socket.io远程监控如何解决？

0
Reply
Conan Zhang

Websocket，没有跨域的问题。

在服务器端部署好程序后，客户直接访问ip就行了。
var socket = io.connect(‘http://192.168.1.20’);

0
Reply
zhaojian

比如，我在云服务上有50台虚机，要用node.js远程监控所有项目，就得在每个虚机上都部署node.js服务端么？

0
Reply
Conan Zhang

这种规模的话，需要一个完整的监控工具，而不是简单的写个Node应用，比如Nagios, ganglia。

如果有能力，可以考虑用Node重写，增加自己的特性。

0
Reply
zhaojian

很想用node.js+sysstat+可视化工具，自己写一套监控程序，能很方便的监控远程服务器节点。而且能随意移植到移动端监控

0
Reply
Conan Zhang

自己写一个吧，不是太难。

0
Reply
trackback

[…] 这样就完成系统数据的采集，我们可以把采集到的数据存储到数据库中，通过websocket等协议直接输出的浏览器前端进行数据的展示。监控系统的例子，可以参考我之前写过的一篇文章：websocket服务器监控 […]

0
Reply
lini5

hello,想问下这个可以基于windows去monitor吗？

0
Reply
Conan Zhang

可以，只要node能获得就行。操作命令可能不一样。

0
Reply
14
0
Would love your thoughts, please comment.x
()
x