简介
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这个文件夹
项目预览
开源地址
https://gitee.com/q2316367743/es-client
构建高质量的技术交流社群，欢迎从事编程开发、技术招聘HR进群，也欢迎大家分享自己公司的内推信息，相互帮助，一起进步！
文明发言，以
交流技术、职位内推、行业探讨为主
广告人士勿入，切勿轻信私聊，防止被骗
加我好友，拉你进群
点“在看”支持我们，共同成长
原文始发于微信公众号（极客之家）：一款全新、强大的 ElasticSearch 可视化工具
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/308831.html
