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 instanceof 与typeof使用说明
Jan 11 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
Sep 24 Javascript
javascript中caller和callee详解
Aug 10 Javascript
JS代码防止SQL注入的方法(超简单)
Apr 12 Javascript
Node.js安装配置图文教程
May 10 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
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数据库连接
2006/10/09 PHP
如何使用PHP中的字符串函数
2006/11/24 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
基于jquery的拖动布局插件
2011/11/25 Javascript
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
javascript 删除数组元素和清空数组的简单方法
2017/02/24 Javascript
微信小程序 后台登录(非微信账号)实例详解
2017/03/31 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
JavaScript 上传文件(psd,压缩包等),图片,视频的实现方法
2017/06/19 Javascript
AngularJS 限定$scope的范围实例详解
2017/06/23 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python面向对象特殊成员
2017/04/24 Python
Python基于Matplotlib库简单绘制折线图的方法示例
2017/08/14 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
详解KMP算法以及python如何实现
2020/09/18 Python
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
水电工岗位职责
2015/02/14 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
黑白记忆观后感
2015/06/18 职场文书
2016年记者节感言
2015/12/08 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
用Python可视化新冠疫情数据
2022/01/18 Python
分享几个简单MySQL优化小妙招
2022/03/31 MySQL
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技