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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
jQuery写的日历(包括日历的样式及功能)
Apr 23 Javascript
js如何实现设计模式中的模板方法
Jul 23 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
解决vue-cli创建项目的loader问题
Mar 13 Javascript
vue-cli3 热更新配置操作
Sep 18 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
js中Map和Set的用法及区别实例详解
Feb 15 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截取字符串函数substr,iconv_substr,mb_substr示例以及优劣分析
2014/06/10 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
php实现源代码加密的方法
2015/07/11 PHP
详解WordPress中简码格式标签编写的基本方法
2015/12/22 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
php swoft框架实例用法
2020/12/22 PHP
基于jquery的表格排序
2010/09/11 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
2010/09/12 Javascript
javascript天然的迭代器
2010/10/29 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
JS实现倒计时和文字滚动的效果实例
2014/10/29 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
JSONP基础知识详解
2017/03/19 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
layui 对弹窗 form表单赋值的实现方法
2019/09/04 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
JavaScript日期库date-fn.js使用方法解析
2020/09/09 Javascript
深入浅析python继承问题
2016/05/29 Python
Python定时任务sched模块用法示例
2018/07/16 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
python实现证件照换底功能
2019/08/20 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python