Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)


Posted in Javascript onSeptember 17, 2014

今天,抽空了浏览了下node.js ,哈哈,看了一篇入门的文章(http://www.nodebeginner.org/index-zh-cn.html),自我感觉是入门了,不过里面一句话,挺有感悟:

不过,这些毕竟都是前端技术,尽管当想要增强页面的时候,使用jQuery总让你觉得很爽,但到最后,你顶多是个JavaScript用户,而非JavaScript开发者。然后,出现了Node.js,服务端的JavaScript,这有多酷啊?于是,你觉得是时候该重新拾起既熟悉又陌生的JavaScript了。但是别急,写Node.js应用是一件事情;理解为什么它们要以它们书写的这种方式来书写则意味着——你要懂JavaScript。这次是玩真的了。

是滴,这次是要玩真的了。。

话说,看到一个不错的东西log.io,官方解释是说:

Real-time log monitoring in your browser

Powered by node.js + socket.io

实时日志监控,我们可能想到linux下的tail -f ,log.io 也是大致这个意思,不过比tail -f 功能强多了。这个东西也是C/S 架构的哦。

下面实际演示一下:

1、安装

这东西,依赖nodejs,我们先把nodejs装上,参考官方的安装方式:(http://nodejs.org/download/)

我这里使用的是mac 的brew 安装方式:

brew install nodejs

或者利用yum:

yum install nodejs

之后我们就可以使用npm来安装log.io 了

npm install -g log.io --user "chenqing"

安装之后,启动服务端(不需要配置):

log.io-server

之后配置客户端

vim ~/.log.io/harvester.conf
exports.config = {

 nodeName: "application_server",

 logStreams: {

 test: [

 "/Users/chenqing/test.log"

 ]

 },

 server: {

 host: '0.0.0.0',

 port: 28777

 }

 }

启动客户端:log.io-harvester

我们来测试一下:

首先在命令行下

[ chenqing@Qing ~ ] for i in {1..1000};do echo `date ` >> test.log ;done

打开浏览器:http://localhost:28778/

Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)

Javascript 相关文章推荐
js 操作符实例代码
Oct 24 Javascript
jQuery温习篇 强大的JQuery选择器
Apr 24 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
JS 面向对象之神奇的prototype
Feb 26 Javascript
JQuery表格内容过滤的实现方法
Jul 05 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
利用vue写todolist单页应用
Dec 15 Javascript
详解Vue2 无限级分类(添加,删除,修改)
Mar 07 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
layui树形菜单动态遍历的例子
Sep 23 Javascript
node.js中使用q.js实现api的promise化
Sep 17 #Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 #Javascript
ie8下修改input的type属性报错的解决方法
Sep 16 #Javascript
JavaScript函数定义的常见注意事项小结
Sep 16 #Javascript
JavaScript的各种常见函数定义方法
Sep 16 #Javascript
JavaScript中合并数组的N种方法
Sep 16 #Javascript
JavaScript的null和undefined区别示例介绍
Sep 15 #Javascript
You might like
用PHP和MySQL保存和输出图片
2006/10/09 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
PHP设计模式(三)建造者模式Builder实例详解【创建型】
2020/05/02 PHP
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
EasyUI中实现form表单提交的示例分享
2015/03/01 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
2018/08/24 Javascript
vue动态注册组件实例代码详解
2019/05/30 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
浅析JavaScript 函数防抖和节流
2020/07/13 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
Python下载网络文本数据到本地内存的四种实现方法示例
2018/02/05 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
python基于递归解决背包问题详解
2019/07/03 Python
centos+nginx+uwsgi+Django实现IP+port访问服务器
2019/11/15 Python
基于YUV 数据格式详解及python实现方式
2019/12/09 Python
pyqt5实现井字棋的示例代码
2020/12/07 Python
PyCharm 光标变成黑块的解决方式
2021/02/06 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
竞选班干部演讲稿
2014/04/24 职场文书
酒店员工管理制度
2015/08/05 职场文书
认识实习感想
2015/08/10 职场文书
创业计划书之花店
2019/09/20 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python