INGLÊS | 中文
Importante
O branch principal pode estar instável ou indisponível durante o desenvolvimento. Use release em vez de branch principal para obter uma versão estável do aplicativo
Índices CRUD
? Pesquisar documentos
? Gestão de documentos
️ Configurações de índice
⚓ Gerenciamento de múltiplas instâncias
Os dados são armazenados dentro do seu navegador
? Suporte de imagem Docker
? Suporte ao modo Singleton (fácil de integrar com seus próprios aplicativos)
Suporte I18n (en, zh)
Aviso
Este aplicativo não alcançou um design totalmente responsivo, portanto, lembre-se de usá-lo apenas no desktop para obter uma melhor experiência.
✅ Lembre-se de atualizar as configurações do CORS em seu servidor de instância para este domínio de interface do usuário antes de usar.
Como este aplicativo usa o cliente JS oficial do meilisearch para chamar sua instância do meilisearch, você precisa definir manualmente as configurações do CORS em seu servidor da web para garantir que o painel da interface do usuário possa acessar seu servidor de instância com chamadas de API.
Adicione seu domínio de implantação do painel de interface do usuário à lista de cors do servidor de instância.
ex:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
Aprenda como definir as configurações de CORS em seu servidor web
Há uma demonstração ao vivo do meilisearch-ui, implantada no Vercel.
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latest
Você pode implantar este aplicativo na nuvem com Vercel
Basta um clique no botão abaixo para implantar este aplicativo automaticamente
Veja este problema.
Você pode configurar o caminho base deste aplicativo definindo a variável de ambiente BASE_PATH
.
Por exemplo, se desejar implementar este aplicativo no caminho /meilisearch-ui
, você poderá definir a variável de ambiente BASE_PATH
como /meilisearch-ui
.
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 -e BASE_PATH= " /meilisearch-ui " riccoxie/meilisearch-ui:latest
Veja este problema.
Se quiser usar este aplicativo com apenas uma instância do meilisearch, você pode ativar o modo singleton seguindo as etapas abaixo.
Clonar este repositório
git clone [email protected]:riccox/meilisearch-ui.git --depth=1
Entre no diretório raiz do repositório
cd meilisearch-ui
instalar dependências
pnpm install
crie o arquivo .env.local
no diretório raiz do repositório, insira os seguintes códigos de configuração abaixo
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
Cuidado
Risco de segurança
Veja este problema.
O arquivo .env.local
é apenas local e você deve adicioná-lo em seu .gitignore
para evitar que sejam gravados pelo git.
Ao mesmo tempo, quaisquer variáveis expostas desta forma acabarão por aparecer no pacote do cliente, portanto você deve tentar evitar o uso deste método. Ao usar o empacotamento de modo singleton, você precisa avaliar cuidadosamente o ambiente de rede no qual implanta o aplicativo e é recomendado implantar em um ambiente de rede interna confiável.
VITE_SINGLETON_MODE
diz a este aplicativo para ativar o modo singleton.VITE_SINGLETON_HOST
é o URL do host meilisearch.VITE_SINGLETON_API_KEY
é a chave mestra do meilisearch.Em seguida, crie o aplicativo singleton.
pnpm build
Assim que a construção for concluída, você encontrará o diretório dist
no diretório raiz, que é um diretório de aplicativo SPA empacotado que pode ser implementado em qualquer servidor.
Em seguida, você irá diretamente para a página da instância ao abrir este aplicativo.
Observação
Instale o pnpm primeiro.
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev