Kibana是一个开源的分析与可视化平台,设计出来用于和Elasticsearch一起使用的。你可以用kibana搜索、查看、交互存放在Elasticsearch索引里的数据,使用各种不同的图表、表格、地图等kibana能够很轻易地展示高级数据分析与可视化。

一、开发环境搭建:

1、kibana5.6源码下载:

https://github.com/elastic/kibana。选择对应版本下载源码

解压,仔细阅读kibana/CONTRIBUTING.md文件。

2、安装node

注意:Kibana6.0以前的版本通过node运行,6.0后的版本需要通过yarn运行

安装cnpm命令(淘宝源)

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装所有架包

cnpm install

ps:有时候安装过程有报错,那就再来一次。

配置es:在/config/kibana.yml,

  1. 配置可访问的elasticsearch地址:elasticsearch.url:"http://IP:port";
  2. server.host:"0.0.0.0"
  3. server.port:5601//默认可不配置

3、以调试模式启动:/bin/kibana --dev --no-base-path -l /log/log.log 或:/bin/kibana --dev --no-base-path --verbose

(注意:是/bin/kibana --dev 而不是./kibana --dev

IDE启动:运行 :/src/cli/index.js --dev --no-base-path

ps:报 Kibana did not load properly. Check the server output for more information.

原因: 显示statusCode:403.权限问题:

1、用户只有只读权限;

2、若确认权限没问题,(使用root用户),在bin目录下执行./kibana --dev也会报这个错,在根目录下执行/bin/kibana --dev就可以。

原因2:我输入的是http://IP:5601  应该输入https://IP:5601

403错误,表示资源不可用。服务器理解客户的请求,但拒绝处理它,通常由于服务器上文件或目录的权限设置导致的WEB访问错误

403.4
403.4错误是由于要求SSL而造成的,您必须在要查看的网页的地址中使用"https"。

4、Eclipse插件:

              NodeJS的插件:http://www.nodeclipse.org/updates/

二、使用到的相关技术:

1、web框架使用的是hapi.js.它的API参考:https://hapijs.com/api

2、前端使用了Angular.js.通过指令扩展html.这是纯前台的JS,不是功能库,是用来开发动态网页的框架,专注于扩张HTML的功能,提供动态数据绑定;

angular.js 学习参考:http://www.angularjs.net.cn/api/;

3、kibana5.6采用ES6(ES2015)编码,使用babel语法转换器编译为浏览器支持的js语法

babel 网址:https://babeljs.cn/;

babel 6 cli从babel中迁移出来,安装:npm install --save-dev babel-cli

4、grunt是一套前端自动化工具框架,一个基于nodeJs的命令行工具,有很多插件扩展它的功能,一般用于:

  • 压缩文件
  • 合并文件
  • 简单语法检查
  • 单元测试

Grunt 以及它的插件们,都作为一个 包 ,可以用 NPM 安装进行管理。

所以 NPM 生成的 package.json 项目文件,里面可以记录当前项目中用到的 Grunt 插件,而 Grunt 会调用 Gruntfile.js 这个文件,解析里面的任务(task)并执行相应操作。

API文档:http://www.gruntjs.net/api/grunt

5、webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)(模块加载器兼打包工具),它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。

当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

每个项目下都必须配置有一个 webpack.config.js ,它的作用如同常规的 gulpfile.js/Gruntfile.js ,就是一个配置项,告诉 webpack 它需要做什么。

参考文档:https://doc.webpack-china.org/concepts/

kibana打包后静态文件在/optimize/bundlers/中,框架是:commons.bundle.js,kibana插件是:kibana.bundle.js;timelion插件是:timelion.bundle.js;

6、Karma

Karma 是Google 开源的一个基于Node.js 的 JavaScript 测试执行过程管理工具,可以配合grunt使用:grunt-karma。官网:http://karma-runner.github.io/2.0/index.html

7、lodash

这是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。参考文档:http://lodashjs.com/docs/

8、Mixin

Mixin 是一种JS实现多继承方式,它通过复制其他类原型链(prototype)上的方法到自身原型链(prototype)上,来实现多继承

9、Lucene 全文检索

https://www.cnblogs.com/xing901022/p/3933675.html

Lucene倒排索引原理(关键字与文件的相关映射):

Lucene架构:

10、bluebird

Promise对象已在ECMAScript 2015中被写入标准,且已被最新版本的浏览器和Node.js/IO.js所支持。bluebird是一个第三方Promise规范实现库,它不仅完全兼容原生Promise对象,且比原生对象功能更强大。

11、Joi

joi是 hapijs 自带的数据校验模块,他已经高度封装常用的校验功能

配置:

配置文件每行前需要有个空格

跨域配置:

server.cors:{origin:[*],credentials:true,additionalHeaders:['cache-control','x-requested-with']}

ps:遇到过install后,启动出错,错误日志:

Unhandled rejection Error: Optimizations failure.

WARNING in ./~/_moment@2.13.0@moment/min/moment.min.js
   
Module not found: Error: Cannot resolve 'file' or 'directory' ./locale
in
F:\caocy\workspace\kibana-5.6.5\node_modules\_moment@2.13.0@moment\min
     @ ./~/_moment@2.13.0@moment/min/moment.min.js 6:3763-3785

at LazyOptimizer.failedStatsToError (F:/caocy/workspace/kibana-5.6.5/src/optimize/base_optimizer.js:224:17)
    at Compiler.compiler.plugin.stats (F:/caocy/workspace/kibana-5.6.5/src/optimize/lazy/lazy_optimizer.js:42:24)
    at Compiler.applyPlugins (F:\caocy\workspace\kibana-5.6.5\node_modules\_tapable@0.1.10@tapable\lib\Tapable.js:26:37)
    at Watching._done (F:\caocy\workspace\kibana-5.6.5\node_modules\_webpack@1.12.15@webpack\lib\Compiler.js:78:17)
    at Watching.<anonymous> (F:\caocy\workspace\kibana-5.6.5\node_modules\_webpack@1.12.15@webpack\lib\Compiler.js:61:18)
    at F:\caocy\workspace\kibana-5.6.5\node_modules\_graceful-fs@4.1.11@graceful-fs\graceful-fs.js:43:10
    at FSReqWrap.oncomplete (fs.js:135:15)

解决方法;

webpackShimes/moment.js
改为:
module.exports = require('../node_modules/moment/moment.js');

Kibana6.x:

1、yarn下载安装:https://yarnpkg.com

2、Git下载安装:https://git-scm.com/download

3、下载依赖:运行Git Base,进入Kibana安装目录,运行yarn kbn bootstrap命令

4、配置:打开config/kibana.yml,配置es服务路径

5、运行:在GIt Base下运行yarn start命令

或:\workspace\kibana>sh ./bin/kibana –dev

kibana5.6 源码分析以--环境搭建&技术准备的更多相关文章

  1. Spring源码分析——(001)环境搭建

    1.官方参考 spring-framework的github链接:https://github.com/spring-projects/spring-framework 源码环境搭建官方参考1:考如何 ...

  2. 精尽Spring MVC源码分析 - 调式环境搭建

    该系列文档是本人在学习 Spring MVC 的源码过程中总结下来的,可能对读者不太友好,请结合我的源码注释 Spring MVC 源码分析 GitHub 地址 进行阅读 Spring 版本:5.2. ...

  3. Spring源码分析之环境搭建

    写在最前面 最近突然心血来潮,想看看源码,看看大牛都怎么码代码,膜拜下.首选肯定是spring大法,于是说干就干,从GitHub上下载spring-framework源码编译拜读. 环境搭建 安装JD ...

  4. Spring源码分析——调试环境搭建(可能是最省事的构建方法)

    1. 依赖工具 idea git jdk 1.8 + Gradle 2. 获取源码 从github https://github.com/spring-projects/spring-framewor ...

  5. 鸿蒙内核源码分析(编译环境篇) | 编译鸿蒙看这篇或许真的够了 | 百篇博客分析OpenHarmony源码 | v50.06

    百篇博客系列篇.本篇为: v50.xx 鸿蒙内核源码分析(编译环境篇) | 编译鸿蒙防掉坑指南 | 51.c.h.o 编译构建相关篇为: v50.xx 鸿蒙内核源码分析(编译环境篇) | 编译鸿蒙防掉 ...

  6. MyBatis源码分析之环境准备篇

    前言 之前一段时间写了[Spring源码分析]系列的文章,感觉对Spring的原理及使用各方面都掌握了不少,趁热打铁,开始下一个系列的文章[MyBatis源码分析],在[MyBatis源码分析]文章的 ...

  7. 【MyBatis源码分析】环境准备

    前言 之前一段时间写了[Spring源码分析]系列的文章,感觉对Spring的原理及使用各方面都掌握了不少,趁热打铁,开始下一个系列的文章[MyBatis源码分析],在[MyBatis源码分析]文章的 ...

  8. [Tomcat源码分析] Eclipse中搭建Apache Tomcat源码调试环境

    网上很多文章都推荐使用Ant下载编译,但本地实践中屡屡失败,无法下载. 后来参考 https://blog.csdn.net/xiongyouqiang/article/details/7894107 ...

  9. Tomcat源码分析----eclipse中搭建源码环境

    前提:JDK,至少1.7,ant,要设置ANT_HOME环境变量,需要再classpath中增加ant的lib目录,在path变量中增加ant的bin目录 1.官网下载tomcat源码包:apache ...

随机推荐

  1. ZOJ Problem Set - 2297 Survival 【状压dp】

    题目:ZOJ Problem Set - 2297 Survival 题意:给出一些怪,有两个值,打他花费的血和能够添加的血,然后有一个boss,必须把小怪全部都打死之后才干打boss,血量小于0会死 ...

  2. redis基础之订阅发布、主从复制和事务(四)

    前面已经学习了redis的基本的命令行操作和数据类型,下面开始redis一些有趣的功能. 订阅和发布机制 定义:发布者相当于电台,订阅者相当于客户端,客户端发到频道的消息,将会被推送到所有订阅此频道的 ...

  3. Building and running Node.js for Android

    转自: http://www.goland.org/nodejsonandroid/ Building and running Node.js for Android October 14, 2014 ...

  4. Delphi之Raise抛出异常

    相关资料: http://blog.csdn.net/a20071426/article/details/10160171 实例代码: unit Unit1; interface uses Windo ...

  5. seajs中引用jquery插件

    步骤一:使用define封装成seajs模块,返回匿名函数,包含插件的源码 define(function(require,exports,moudles){ return function(jque ...

  6. webservice文件上传下载

    使用DataHandler实现webservice的文件上传下载 服务端代码: package com.hello.weChat.controller; import javax.activation ...

  7. Office Web App2013 在线查看PDF文件

    经常会有客户问,在SharePoint中,如何在浏览器中查看与编辑文档,通常给出的解决方案是集成Office Web App. 而在实际应用过程中,客户通常会要求实现PDF文件在线查看,对于PDF文件 ...

  8. 如​何​使​用​P​H​P​开​发​高​效​的​W​E​B​系​统

    PHP是一个非常优秀的工具,它能够简单,也能够复杂.不一样的项目,应该用不一样的PHP.  小项目 - 简单而直接的PHP 一般对于一个功能页面在20下面的站点.我们能够用一个非常easy的框架结构来 ...

  9. OS X删除自带的safari和facetime等程序

    打开终端 cd /Applications/ //在应用程序文件目录删除苹果自带的程序 sudo rm -rf Safari.app/ //删除safari浏览器 sudo rm -rf Mail.a ...

  10. qtcreator 中文乱码

    qt输入法不能用,ui中不能显示中文,开发板不能显示中文,这几个一直困扰这我,网上查找资料,在代码中添加各种支持,都没有解决问题.今天刚好解决了,记录于此. 参考链接 http://blog.163. ...