Elasticsearch GUI安裝配置完全指南 —— Elasticvue

elasticvue Elasticsearch gui for the browser elasticvue 

項目地址: https://gitcode.com/gh_mirrors/el/elasticvue

項目基礎介紹及編程語言

Elasticvue 是一個免費且開源的 Elasticsearch 圖形用戶界面(GUI)，專為在瀏覽器中管理Elasticsearch集群數據設計。它全面支持Elasticsearch 8.x 和 7.x 版本。此項目基于 TypeScript 進行核心開發，并結合了 Vue.js 構建用戶界面，同時涉及到JavaScript、CSS等其他技術棧。

關鍵技術和框架

   Elasticsearch: 強大的搜索和分析引擎。

   TypeScript: 提供類型安全的增強版JavaScript，用于編寫更可靠的應用程序。

   Vue.js: 輕量級的前端JavaScript框架，優化用戶體驗。

   Docker: 容器化部署選項，簡化環境設置。

   CORS (Cross-Origin Resource Sharing): 配置以允許不同源之間訪問Elasticsearch。

安裝和配置詳細步驟

準備工作

確保你的系統已經安裝好Git、Node.js（建議最新穩定版本）以及npm或yarn包管理器。如果選擇通過Docker部署，則需安裝Docker社區版或企業版。

方式一：桌面應用安裝

對于Windows、Mac和Linux用戶，可以直接從項目官網或提供的MSI、DMG、AppImage文件下載預編譯的桌面應用程序。

方式二：瀏覽器擴展

適用于Google Chrome、Firefox和Microsoft Edge（Chromium內核）。直接訪問Chrome Web Store或其他相應商店，搜索“Elasticvue”并添加到瀏覽器。

方式三：自托管服務

步驟1：安裝依賴

如果你打算從源代碼構建和部署，首先克隆倉庫：

   git clone https://github.com/cars10/elasticvue.git

   cd elasticvue

   npm install 或 yarn

步驟2：配置Elasticsearch

你需要在Elasticsearch服務器上開啟CORS，編輯elasticsearch.yml并加入以下內容：

   http.cors.enabled: true

   http.cors.allow-origin: "/https?:\/\/yourdomain.com/"

   # 根據實際情況調整allowed-origin

重啟Elasticsearch后，確保能夠跨域訪問。

步驟3：運行Elasticvue

   開發模式下運行（適用于調試）:

   npm run serve 或 yarn serve

   生產模式部署:

   npm run build && npm start 或 yarn build && yarn start

步驟4：Docker部署

如果你想通過Docker快速部署，首先確保Docker已安裝，然后執行：

   docker run -p 8080:8080 -e ELASTICVUE_CLUSTERS='[["name": "Your Cluster", "uri": "http://localhost:9200"]]’ cars10/elasticvue

記得替換其中的URI為你的Elasticsearch地址和可能的認證信息。

注意事項

   對于在線版本和自托管，確保Elasticsearch設置了正確的CORS規則。

   使用Docker時，可以通過環境變量或配置文件來設置默認集群連接信息。

   針對中文用戶，項目提供了約80%的翻譯，歡迎參與貢獻完善。

完成以上步驟后，你便可以開始使用Elasticvue進行Elasticsearch集群的數據管理和查詢了。記得根據實際需求，適當調整配置，保障最佳使用體驗。

elasticvue Elasticsearch gui for the browser elasticvue 項目地址: https://gitcode.com/gh_mirrors/el/elasticvue

原文來源：https://blog.csdn.net/gitblog_07599/article/details/142224345