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 相关文章推荐
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
JavaScript时间转换处理函数
Apr 14 Javascript
javascript实现Table排序的方法
May 15 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
eslint 的三大通用规则详解
May 16 Javascript
vue中template的三种写法示例
Oct 21 Javascript
vue-cli3.x配置全局的scss的时候报错问题及解决
Apr 30 Vue.js
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 函数使用方法与函数定义方法
2010/05/09 PHP
PHP读取CURL模拟登录时生成Cookie文件的方法
2014/11/04 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
js href的用法
2010/05/13 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
Vue计算属性的使用
2017/08/04 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
2017/12/16 Javascript
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
echarts大屏字体自适应的方法步骤
2019/07/12 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
微信小程序登陆注册功能的实现代码
2019/12/10 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
如何在vue中使用jointjs过程解析
2020/05/29 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
python strip()函数 介绍
2013/05/24 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
Python人工智能之路 jieba gensim 最好别分家之最简单的相似度实现
2019/08/13 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python+tkinter实现学生管理系统
2019/08/20 Python
美国孩之宝玩具官网:Hasbro Pulse
2019/06/24 全球购物
个人简历中的自我评价范例
2013/10/29 职场文书
自荐信写法介绍
2014/01/25 职场文书
心理学专业大学生职业生涯规划范文
2014/02/19 职场文书
监督检查工作方案
2014/05/28 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
关爱空巢老人感想
2015/08/11 职场文书
同学会演讲稿
2019/04/02 职场文书