1. Project Overview

Elasticsearch query client.

es-client

The most well-known Elasticsearch clients are Elasticsearch Head and Kibana. However, Elasticsearch Head has been discontinued and features an outdated interface and incomplete functionality. Although Kibana offers comprehensive features, it is cumbersome to start, many of its features are unnecessary for most users, and it lacks flexibility. Therefore, an Elasticsearch client was developed using vite2+vue3+ts+arco-design.

**Note:** After version 2.8.3, development will focus primarily on the utools plugin rather than the browser extension.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

Project Preview

• Home Page

• Data Browsing

• Basic Query

• Advanced Query

• Settings

• About

4. Feature Overview

An Elasticsearch query client and visualization tool.

Functional characteristics

Beautiful Interface

Uses the arco-design component library for a more attractive and well-organized layout.

Visual Query Builder

Easily build query conditions without needing to understand the _search syntax.

Feedback

A feedback community powered by Tuxiaochao, where we listen to your suggestions.

Index Management

Quickly view index information and perform basic index operations.

Data Export

Supports data export in multiple formats (JSON, CSV, TXT...).

Dark Mode

Switch freely between light and dark modes.

JSON View

Uses Highlight.js to format and highlight JSON.

Table View

Supports displaying query results in table format.

Authentication Support

Supports accessing Elasticsearch through Basic Authentication.

Copy Button

Copy query results with a single click.

HTTP Client Support

Provides a query experience similar to Kibana.

Low-Resolution Compatibility

Features a well-organized layout that displays properly even at low resolutions.

Project Function

• Link Management Function
• Index Browsing Function
• Index Management Function
• Syntax Hint and Highlight
• 。。。

Source: ES-Client official documentation

5. Tech Stack

Build from Source

Dependency Installation

This project uses yarn for package management.

yarn install
yarn install

Build Browser

Also builds the Xiangtian Browser.

yarn build

After the build is complete, the code will be available in the [dist] directory.

Build Edge Extension

Also works as an extension for all Chromium-based browsers.

yarn build:edge

Build Desktop Client

The client for this project is based on Tauri. Therefore, before building the desktop client, you should first familiarize yourself with Tauri.

Refer to this article to learn how to set up the environment. After installing the required environment:

# Build Windows Client
yarn build:tauri:windows
yarn tauri build

Follow the prompts to locate the generated installer package.

Installation & Update

Releases

• Edge Plugin
• Firefox Plugin
• Xiangtian Browser
• Windows Installer Package
• utools
• vscode
• IDEA (Third-party provided: es-client)

Source: es-client official documentation