ENGLISH | 중국어
중요한
개발 중에는 메인 브랜치가 불안정하거나 사용 불가능할 수 있습니다. 안정적인 버전의 앱을 얻으려면 메인 브랜치 대신 릴리스를 사용하세요.
인덱스 CRUD
? 문서 검색
? 문서관리
️ 인덱스 설정
⚡ 다중 인스턴스 관리
데이터는 브라우저 내부에 저장됩니다.
? 도커 이미지 지원
? 싱글톤 모드 지원(자체 앱과 쉽게 통합 가능)
I18n 지원(en, zh)
경고
이 앱은 완전히 반응형 디자인을 구현하지 않았으므로 더 나은 경험을 얻으려면 데스크톱에서만 이 앱을 사용하세요.
✅ 사용하기 전에 이 ui 도메인에 대한 인스턴스 서버의 CORS 설정을 업데이트하는 것을 기억하세요.
이 앱은 meilisearch 공식 JS 클라이언트를 사용하여 meilisearch 인스턴스를 호출하기 때문에 UI 패널이 API 호출을 통해 인스턴스 서버에 액세스할 수 있도록 웹 서버에서 CORS 설정을 수동으로 구성해야 합니다.
인스턴스 서버 cors 목록에 UI 패널 배포 도메인을 추가합니다.
전:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
웹 서버에서 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: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
파일은 로컬 전용이므로 git에 의해 기록되지 않도록 .gitignore
에 추가해야 합니다.
동시에, 이런 방식으로 노출된 모든 변수는 결국 클라이언트 패키지에 나타나게 되므로 이 방법을 사용하지 않는 것이 좋습니다. 싱글톤 모드 패키징을 사용하는 경우 애플리케이션을 배포하는 네트워크 환경을 신중하게 판단해야 하며, 신뢰할 수 있는 내부 네트워크 환경에 배포하는 것이 좋습니다.
VITE_SINGLETON_MODE
이 앱에 싱글톤 모드를 활성화하도록 지시합니다.VITE_SINGLETON_HOST
meilisearch 호스트 URL입니다.VITE_SINGLETON_API_KEY
meilisearch 마스터 키입니다.다음으로 싱글톤 앱을 빌드합니다.
pnpm build
빌드가 완료되면 모든 서버에 배포할 수 있는 패키지된 SPA 애플리케이션 디렉터리인 루트 디렉터리에서 dist
디렉터리를 찾을 수 있습니다.
그러면 이 앱을 열 때 인스턴스 페이지로 바로 이동하게 됩니다.
메모
먼저 pnpm을 설치하세요.
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev