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 相关文章推荐
jquery随意添加移除html的实现代码
Jun 21 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
Apr 11 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
JS 获取select(多选下拉)中所选值的示例代码
Aug 02 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
node.js从数据库获取数据
May 08 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
JS区分Object与Aarry的六种方法总结
Feb 27 Javascript
详解vue项目构建与实战
Jun 27 Javascript
教你如何用node连接redis的示例代码
Jul 12 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 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中目录,文件操作详谈
2007/03/19 PHP
关于在php.ini中添加extension=php_mysqli.dll指令的说明
2007/06/14 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
php 文章调用类代码
2011/08/11 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
jquery中文乱码的多种解决方法
2013/06/21 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
Jquery实现的tab效果可以指定默认显示第几页
2013/10/16 Javascript
jQuery控制Div拖拽效果完整实例分析
2015/04/15 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
JS中准确判断变量类型的方法
2020/06/01 Javascript
深入浅出学习python装饰器
2017/09/29 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
C++面试题:关于链表和指针
2013/06/05 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
金融管理专业毕业生求职信
2014/03/12 职场文书
公司经理聘任书
2014/03/29 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP