ENGLISH | 中文
重要的
主分支在开发过程中可能不稳定或不可用。请使用release而不是主分支来获取稳定版本的应用程序
索引增删改查
?搜索文件
?文件管理
️ 索引设置
⚡ 多实例管理
数据存储在您的浏览器内
? Docker 镜像支持
?单例模式支持(易于与您自己的应用程序集成)
国际化支持(en、zh)
警告
该应用程序尚未完全实现响应式设计,因此请注意仅在桌面上使用该应用程序以获得更好的体验。
✅ 请记住在使用前更新实例服务器中此 ui 域的 CORS 设置。
由于此应用程序使用 meilisearch 官方 JS 客户端来调用您的 meilisearch 实例,因此您需要在 Web 服务器中手动配置 CORS 设置,以确保 ui 面板可以通过 api 调用访问您的实例服务器。
将您的 ui 面板部署域添加到您的实例服务器 cors 列表中。
前任:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
了解如何在 Web 服务器中配置 CORS 设置
有一个现场演示 meilisearch-ui,部署在 Vercel 上。
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latest
您可以使用 Vercel 将此应用程序部署到云端
只需单击下面的按钮即可自动部署此应用程序
看看这个问题。
您可以通过设置BASE_PATH
环境变量来配置此应用程序的基本路径。
例如,如果您想将此应用程序部署到/meilisearch-ui
路径,则可以将BASE_PATH
环境变量设置为/meilisearch-ui
。
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 -e BASE_PATH= " /meilisearch-ui " riccoxie/meilisearch-ui:latest
看看这个问题。
如果您只想使用该应用程序与一个meilisearch实例,您可以通过以下步骤启用单例模式。
克隆这个仓库
git clone [email protected]:riccox/meilisearch-ui.git --depth=1
进入repo的根目录
cd meilisearch-ui
安装依赖项
pnpm install
在repo的根目录创建.env.local
文件,输入以下配置代码
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
警告
安全风险
看看这个问题。
.env.local
文件仅是本地文件,您应该将其添加到.gitignore
中以防止它们被 git 记录。
同时,任何以这种方式暴露的变量最终都会出现在客户端包中,所以应该尽量避免使用这种方法。使用单例模式打包时,需要仔细判断部署应用的网络环境,建议部署在可信的内网环境中。
VITE_SINGLETON_MODE
告诉此应用程序启用单例模式。VITE_SINGLETON_HOST
是 meilisearch 主机 URL。VITE_SINGLETON_API_KEY
是 meilisearch 主密钥。接下来,构建单例应用程序。
pnpm build
构建完成后,你会在根目录下找到dist
目录,该目录是打包好的SPA应用目录,可以部署到任何服务器上。
然后当你打开这个应用程序时,你会直接跳转到实例页面。
笔记
首先安装pnpm。
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev