简介

elasticsearch的客户端比较出名的就是elasticsearch head和Kibana了，但是elasticsearch head已经停止更新，且样式老旧，功能不全。

而Kibana虽功能全面，但是启动麻烦，大部分功能用不上，很不灵活，所以采用vite2+vue3+ts+arco-design进行开发了一个elasticsearch的客户端 —— es-client。

特色/功能

  • 页面美观： 使用arco-design组件库，布局更加美观合理
  • 可视化查询： 可以轻松构建查询条件，无需了解_search语法即可查询
  • 索引管理： 快速查看索引信息，进行简单的索引操作
  • 数据导出： 支持多种格式（JSON,CSV,TXT…）数据导出
  • 深色模式： 可以自由切换浅色模式与深色模式
  • JSON视图： 通过Highlight.js实现JSON美化
  • 表格视图： 支持将查询的数据以表格形式展示
  • 支持认证： 可以通过Basic认证访问到elasticsearch
  • 复制按钮： 一键复制查询的结果
  • http客户端支持： 拥有和kibana一样的查询方式
  • 低分辨率适应： 布局合理，在低分辨率情况下也能正常展示

使用指南

基础准备

# 拉取代码
git clone https://gitee.com/qiaoshengda/es-client.git
# 前往项目目录
cd es-client
# 安装依赖
pnpm  install

Chrome/Edge插件

构建

插件构建是最简单的，只需要执行一个命令

# 构建edge
pnpm build:edge
# 或者构建chrome
pnpm build:chrome

虽然提供了两个命令，但其实只是环境变量有区别，最终的的插件都在src-edge这个目录中。

安装

  • 打开chrome/edge浏览器
  • 打开插件管理
  • 开启开发者模式
  • 点击加载解压缩的拓展
  • 选择插件目录中的src-edge这个文件夹

项目预览

版权声明：
1、本网站名称：帝企吧
2、本站永久网址：https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网，仅用于学习及参考使用，切勿用于商业用途，如产生法律纠纷本站概不负责！ 8、资源除标明原创外均来自网络转载，版权归原作者所有，若侵犯到您权益请联系我们删除，我们将及时处理！ 9、若您需使用非免费的软件或服务，请购买正版授权并合法使用！