meilisearch ui
v0.9.6
ENGLISCH ｜ 中文
Wichtig
Der Hauptzweig ist während der Entwicklung möglicherweise instabil oder nicht verfügbar. Bitte verwenden Sie Release anstelle des Hauptzweigs, um eine stabile Version der App zu erhalten
Indizes CRUD
? Dokumente durchsuchen
? Dokumentenverwaltung
️ Indexeinstellungen
⚓ Verwaltung mehrerer Instanzen
Die Daten werden in Ihrem Browser gespeichert
? Docker-Image-Unterstützung
? Unterstützung des Singleton-Modus (einfache Integration in Ihre eigenen Apps)
I18n-Unterstützung (en, zh)
Warnung
Diese App verfügt nicht über ein vollständiges Responsive-Design. Denken Sie also daran, diese App nur auf dem Desktop zu verwenden, um ein besseres Erlebnis zu erzielen.
✅ Denken Sie daran, die CORS-Einstellungen in Ihrem Instanzserver für diese UI-Domäne zu aktualisieren, bevor Sie sie verwenden.
Da diese App den offiziellen JS-Client von Meilisearch zum Aufrufen Ihrer Meilisearch-Instanz verwendet, müssen Sie die CORS-Einstellungen in Ihrem Webserver manuell konfigurieren, um sicherzustellen, dass das UI-Panel mit API-Aufrufen auf Ihren Instanzserver zugreifen kann.
Fügen Sie Ihre UI-Panel-Bereitstellungsdomäne zu Ihrer Instanzserver-Cors-Liste hinzu.
ex:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
Erfahren Sie, wie Sie CORS-Einstellungen in Ihrem Webserver konfigurieren
Es gibt eine Live-Demo von meilisearch-ui, die auf Vercel bereitgestellt werden kann.
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latestSie können diese App mit Vercel in der Cloud bereitstellen
Klicken Sie einfach auf die Schaltfläche unten, um diese App automatisch bereitzustellen
Siehe dieses Problem.
Sie können den Basispfad dieser App konfigurieren, indem Sie die Umgebungsvariable BASE_PATH festlegen.
Wenn Sie diese App beispielsweise im Pfad /meilisearch-ui bereitstellen möchten, können Sie die Umgebungsvariable BASE_PATH auf /meilisearch-ui setzen.
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 -e BASE_PATH= " /meilisearch-ui " riccoxie/meilisearch-ui:latestSiehe dieses Problem.
Wenn Sie diese App mit nur einer Meilisearch-Instanz verwenden möchten, können Sie den Singleton-Modus mit den folgenden Schritten aktivieren.
Klonen Sie dieses Repo
git clone [email protected]:riccox/meilisearch-ui.git --depth=1Gehen Sie in das Stammverzeichnis des Repos
cd meilisearch-uiAbhängigkeiten installieren
pnpm install Erstellen Sie die Datei .env.local im Stammverzeichnis des Repos und geben Sie die folgenden Konfigurationscodes ein
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
Vorsicht
Sicherheitsrisiko
Siehe dieses Problem.
Die Datei .env.local ist nur lokal und Sie sollten sie zu Ihrem .gitignore hinzufügen, um zu verhindern, dass sie von Git aufgezeichnet werden.
Gleichzeitig werden alle auf diese Weise offengelegten Variablen irgendwann im Client-Paket angezeigt, daher sollten Sie versuchen, die Verwendung dieser Methode zu vermeiden. Wenn Sie die Verpackung im Singleton-Modus verwenden, müssen Sie die Netzwerkumgebung, in der Sie die Anwendung bereitstellen, sorgfältig abwägen. Es wird empfohlen, die Anwendung in einer vertrauenswürdigen internen Netzwerkumgebung bereitzustellen.
VITE_SINGLETON_MODE weist diese App an, den Singleton-Modus zu aktivieren.VITE_SINGLETON_HOST ist die Meilisearch-Host-URL.VITE_SINGLETON_API_KEY ist der Meilisearch-Hauptschlüssel.Als nächstes erstellen Sie die Singleton-App.
pnpm build Sobald der Build abgeschlossen ist, finden Sie das Verzeichnis dist im Stammverzeichnis, bei dem es sich um ein gepacktes SPA-Anwendungsverzeichnis handelt, das auf jedem Server bereitgestellt werden kann.
Wenn Sie diese App öffnen, gelangen Sie dann direkt zur Instanzseite.
Notiz
Installieren Sie zuerst pnpm.
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev
