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 相关文章推荐
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
Feb 25 Javascript
浅谈js的url解析函数封装
Jun 28 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
Nov 19 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
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP实现的下载远程文件类定义与用法示例
2017/07/05 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
js window.onload 加载多个函数的方法
2009/11/02 Javascript
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
javascript 获取iframe里页面中元素值的方法
2014/02/17 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
Python中用于去除空格的三个函数的使用小结
2015/04/07 Python
SQLite3中文编码 Python的实现
2017/01/11 Python
python 获取网页编码方式实现代码
2017/03/11 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
美国在线家装零售商:Build.com
2016/09/02 全球购物
美国著名的家居用品购物网站:Bed Bath & Beyond
2018/01/05 全球购物
美国购买新书和二手书网站:Better World Books
2018/10/31 全球购物
Laravel中Kafka的使用详解
2021/03/24 PHP
校园安全演讲稿
2014/05/09 职场文书
党员作风建设整改方案
2014/10/27 职场文书
2014年工程师工作总结
2014/11/25 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
致运动员的广播稿
2015/08/19 职场文书
安全生产标语口号
2015/12/26 职场文书