ENGLISH | 中文
重要的
主分支在開發過程中可能不穩定或不可用。請使用release而不是main分支來取得穩定版本的應用程式
索引增刪改查
?搜尋文件
?文件管理
️ 索引設置
⚡ 多實例管理
資料儲存在您的瀏覽器內
? 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