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核心读书有感之语句
Feb 11 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
全面了解addEventListener和on的区别
Jul 14 Javascript
Sortable.js拖拽排序使用方法解析
Nov 04 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
Dec 21 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
关于layui的动态图标不显示的解决方法
Sep 04 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 Javascript
js实现弹幕墙效果
Dec 10 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
《PHP编程最快明白》第三讲:php数组
2010/11/01 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
使用POST方式弹出窗口的两种方法示例介绍
2014/01/29 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
为jquery的ajaxfileupload增加附加参数的方法
2014/03/04 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
JQuery之proxy实现绑定代理方法
2016/08/01 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
2017/01/03 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
Python socket网络编程TCP/IP服务器与客户端通信
2017/01/05 Python
深入理解Django的中间件middleware
2018/03/14 Python
django的csrf实现过程详解
2019/07/26 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
python3 Scrapy爬虫框架ip代理配置的方法
2020/01/17 Python
python 项目目录结构设置
2020/02/14 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
建筑工程专业学生的自我评价
2013/12/25 职场文书
玲玲的画教学反思
2014/02/04 职场文书
工商管理本科生求职信
2014/07/13 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
地陪导游欢迎词
2015/01/26 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
Python中else的三种使用场景
2021/06/16 Python