Elasticsearch GUI安装配置完全指南 —— Elasticvue
elasticvue Elasticsearch gui for the browser 项目地址: 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 项目地址: https://gitcode.com/gh_mirrors/el/elasticvue