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 相关文章推荐
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
深入理解bootstrap框架之第二章整体架构
Oct 09 Javascript
echarts3 使用总结(绘制各种图表,地图)
Jan 05 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
VueRouter导航守卫用法详解
Dec 25 Javascript
Spring Boot/VUE中路由传递参数的实现代码
Mar 02 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
解决vue 项目引入字体图标报错、不显示等问题
Sep 01 Javascript
Vue数字输入框组件示例代码详解
Jan 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执行速度全攻略(下)
2006/10/09 PHP
小文件php+SQLite存储方案
2010/09/04 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
php实现基于PDO的预处理示例
2017/03/28 PHP
在 Laravel 项目中使用 webpack-encore的方法
2019/07/21 PHP
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
2015/06/26 Javascript
开启BootStrap学习之旅
2016/05/04 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
jQuery+ajax实现实用的点赞插件代码
2016/07/06 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
2016/08/29 Javascript
javascript使用闭包模拟对象的私有属性和方法
2016/10/05 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
JS实现的简单标签点击切换功能示例
2017/09/21 Javascript
js使用文件流下载csv文件的实现方法
2019/07/15 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
Python比较两个图片相似度的方法
2015/03/13 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
python自动识别文本编码格式代码
2019/12/26 Python
Spring http服务远程调用实现过程解析
2020/06/11 Python
使用Tensorflow-GPU禁用GPU设置(CPU与GPU速度对比)
2020/06/30 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
pymysql模块使用简介与示例
2020/11/17 Python
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
自我鉴定模板
2013/10/29 职场文书
会计专业自荐信范文
2013/12/02 职场文书
找工作最新求职信
2013/12/22 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
小班上学期个人总结
2015/02/12 职场文书
python元组打包和解包过程详解
2021/08/02 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python