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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
js confirm()方法的使用方法实例
Jul 13 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
Nov 17 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
原生JS实现的轮播图功能详解
Aug 06 Javascript
js实现列表向上无限滚动
Jan 13 Javascript
详解JavaScript中分解数字的三种方法
Jan 05 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第一季视频教程(李炎恢+php100 不断更新)
2011/05/29 PHP
解析htaccess伪静态的规则
2013/06/18 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
php无限极分类实现方法分析
2019/07/04 PHP
自己开发Dojo的建议框架
2008/09/24 Javascript
15 个 JavaScript Web UI 库
2010/05/19 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
移动端js图片查看器
2016/11/17 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
JS代码实现电脑配置检测功能
2018/03/21 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[01:15:36]加油刀塔第二期网络版
2014/08/09 DOTA
Windows下anaconda安装第三方包的方法小结(tensorflow、gensim为例)
2018/04/05 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
JSF的标签库有哪些
2012/04/27 面试题
高中军训感言800字
2014/03/05 职场文书
爱护公物标语
2014/06/24 职场文书
幼儿园户外活动总结
2014/07/04 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
高中军训感想
2015/08/07 职场文书
2016十一国庆节感言
2015/12/09 职场文书
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python