ANGLAIS | 中文
Important
La branche principale peut être instable ou indisponible pendant le développement. Veuillez utiliser la version au lieu de la branche principale pour obtenir une version stable de l'application.
Index CRUD
? Rechercher des documents
? Gestion des documents
️ Paramètres d'indexation
⚓ Gestion de plusieurs instances
Les données sont stockées dans votre navigateur
? Prise en charge des images Docker
? Prise en charge du mode Singleton (facile à intégrer avec vos propres applications)
Prise en charge I18n (en, zh)
Avertissement
Cette application n'a pas totalement atteint un design réactif, alors n'utilisez cette application que sur le bureau pour obtenir une meilleure expérience.
✅ N'oubliez pas de mettre à jour les paramètres CORS sur votre serveur d'instance pour ce domaine d'interface utilisateur avant de l'utiliser.
Étant donné que cette application utilise le client JS officiel de meilisearch pour appeler votre instance meilisearch, vous devez configurer manuellement les paramètres CORS sur votre serveur Web pour vous assurer que le panneau d'interface utilisateur peut accéder à votre serveur d'instance avec des appels API.
Ajoutez votre domaine de déploiement de panneau d'interface utilisateur à la liste des cors de votre serveur d'instance.
ex:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
Découvrez comment configurer les paramètres CORS sur votre serveur Web
Il existe une démo en direct meilisearch-ui, déployée sur Vercel.
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latest
Vous pouvez déployer cette application sur le cloud avec Vercel
Un simple clic sur le bouton ci-dessous pour déployer cette application automatiquement
Voir ce problème.
Vous pouvez configurer le chemin de base de cette application en définissant la variable d'environnement BASE_PATH
.
Par exemple, si vous souhaitez déployer cette application sur le chemin /meilisearch-ui
, vous pouvez définir la variable d'environnement BASE_PATH
sur /meilisearch-ui
.
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 -e BASE_PATH= " /meilisearch-ui " riccoxie/meilisearch-ui:latest
Voir ce problème.
Si vous souhaitez utiliser cette application avec une seule instance meilisearch, vous pouvez activer le mode singleton en suivant les étapes ci-dessous.
Cloner ce dépôt
git clone [email protected]:riccox/meilisearch-ui.git --depth=1
Allez dans le répertoire racine du dépôt
cd meilisearch-ui
installer les dépendances
pnpm install
créez le fichier .env.local
dans le répertoire racine du dépôt, saisissez les codes de configuration suivants ci-dessous
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
Prudence
Risque de sécurité
Voir ce problème.
Le fichier .env.local
est uniquement local et vous devez l'ajouter dans votre .gitignore
pour éviter qu'il ne soit enregistré par git.
Dans le même temps, toutes les variables exposées de cette manière apparaîtront éventuellement dans le package client, vous devriez donc essayer d'éviter d'utiliser cette méthode. Lorsque vous utilisez un packaging en mode singleton, vous devez évaluer soigneusement l'environnement réseau dans lequel vous déployez l'application, et il est recommandé de déployer dans un environnement réseau interne fiable.
VITE_SINGLETON_MODE
indique à cette application d'activer le mode singleton.VITE_SINGLETON_HOST
est l'URL de l'hôte meilisearch.VITE_SINGLETON_API_KEY
est la clé principale de Meilisearch.Ensuite, créez l’application singleton.
pnpm build
Une fois la construction terminée, vous trouverez le répertoire dist
dans le répertoire racine, qui est un répertoire d'application SPA packagé qui peut être déployé sur n'importe quel serveur.
Ensuite, vous accéderez directement à la page de l'instance lorsque vous ouvrirez cette application.
Note
Installez d'abord pnpm.
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev