meilisearch ui
v0.9.6
英語 ｜ 中国語
重要
開発中にメイン ブランチが不安定になったり、使用できなくなったりする可能性があります。安定バージョンのアプリを入手するには、main ブランチの代わりに release を使用してください。
インデックス CRUD
?文書の検索
?文書管理
️インデックス設定
⚓ 複数のインスタンスの管理
データはブラウザ内に保存されます
? Dockerイメージのサポート
?シングルトン モードのサポート (独自のアプリとの統合が簡単)
I18n サポート (英語、中国語)
警告
このアプリはレスポンシブ デザインを完全には実現していないため、より良いエクスペリエンスを得るには、このアプリをデスクトップでのみ使用してください。
✅ 使用する前に、この 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 設定を構成する方法を学習します。
Vercel にデプロイされる meilisearch-ui のライブ デモがあります。
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latestVercel を使用してこのアプリをクラウドにデプロイできます
下のボタンをワンクリックするだけで、このアプリが自動的にデプロイされます
この問題を参照してください。
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 インスタンス 1 つだけで使用したい場合は、以下の手順でシングルトン モードを有効にすることができます。
このリポジトリのクローンを作成します
git clone [email protected]:riccox/meilisearch-ui.git --depth=1リポジトリのルートディレクトリに移動します
cd meilisearch-ui依存関係をインストールする
pnpm installリポジトリのルートディレクトリに.env.localファイルを作成し、以下の設定コードを入力します
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
注意
セキュリティリスク
この問題を参照してください。
.env.localファイルはローカルのみなので、git によって記録されないように.gitignoreに追加する必要があります。
同時に、この方法で公開された変数は最終的にクライアント パッケージに表示されるため、この方法の使用は避ける必要があります。シングルトン モードのパッケージ化を使用する場合は、アプリケーションを展開するネットワーク環境を慎重に判断する必要があり、信頼できる内部ネットワーク環境に展開することをお勧めします。
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
