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使用一个按钮控制图片的伸缩实现思路
Apr 19 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
Vue中"This dependency was not found"问题的解决方法
Jun 19 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
Vue中 axios delete请求参数操作
Aug 25 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
如何用threejs实现实时多边形折射
May 07 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/06/14 PHP
php 面向对象的一个例子
2011/04/12 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
ThinkPHP中获取指定日期后工作日的具体日期方法
2018/10/14 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
php设计模式之组合模式实例详解【星际争霸游戏案例】
2020/03/27 PHP
php使用event扩展的io复用测试的示例
2020/10/20 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
2017/02/23 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
Python回调函数用法实例详解
2015/07/02 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
python+opencv像素的加减和加权操作的实现
2019/07/14 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
卫校毕业生自我鉴定
2013/10/31 职场文书
《夸父追日》教学反思
2014/02/26 职场文书
房产公证书范本
2014/04/10 职场文书
创先争优演讲稿
2014/09/15 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
闪闪的红星观后感
2015/06/08 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server
sql字段解析器的实现示例
2021/06/23 SQL Server