Elasticsearch GUI安装配置完全指南 —— 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集群的数据管理和查询了。记得根据实际需求，适当调整配置，保障最佳使用体验。