BAHASA INGGRIS |中文
Penting
Cabang utama mungkin tidak stabil atau tidak tersedia selama pengembangan. Silakan gunakan rilis alih-alih cabang utama untuk mendapatkan aplikasi versi stabil
Indeks CRUD
? Cari dokumen
? Manajemen dokumen
️ Pengaturan indeks
⚓ Manajemen beberapa contoh
Data disimpan di dalam browser Anda
? Dukungan gambar Docker
? Dukungan mode Singleton (mudah diintegrasikan dengan aplikasi Anda sendiri)
Dukungan I18n (id, zh)
Peringatan
Aplikasi ini belum sepenuhnya mencapai desain responsif, jadi ingatlah untuk hanya menggunakan aplikasi ini di desktop untuk mendapatkan pengalaman yang lebih baik.
✅ Ingat perbarui pengaturan CORS di server instance Anda untuk domain ui ini sebelum menggunakan.
Karena aplikasi ini menggunakan klien JS resmi meilisearch untuk memanggil instance meilisearch Anda, Anda perlu mengonfigurasi pengaturan CORS secara manual di server web Anda untuk memastikan panel ui dapat mengakses server instance Anda dengan panggilan api.
Tambahkan domain penerapan panel UI Anda ke daftar kors server instans Anda.
mantan:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
Pelajari cara mengonfigurasi pengaturan CORS di server web Anda
Ada demo langsung meilisearch-ui, diterapkan di Vercel.
docker pull riccoxie/meilisearch-ui:latest
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 riccoxie/meilisearch-ui:latest
Anda dapat menyebarkan aplikasi ini ke cloud dengan Vercel
Cukup satu klik tombol di bawah untuk menerapkan aplikasi ini secara otomatis
Lihat masalah ini.
Anda dapat mengonfigurasi jalur dasar aplikasi ini dengan mengatur variabel lingkungan BASE_PATH
.
Misalnya, jika Anda ingin menyebarkan aplikasi ini ke jalur /meilisearch-ui
, Anda dapat mengatur variabel lingkungan BASE_PATH
ke /meilisearch-ui
.
docker run -d --restart=always --name= " meilisearch-ui " -p < your-port > :24900 -e BASE_PATH= " /meilisearch-ui " riccoxie/meilisearch-ui:latest
Lihat masalah ini.
Jika Anda ingin menggunakan aplikasi ini hanya dengan satu contoh meilisearch, Anda dapat mengaktifkan mode tunggal dengan langkah-langkah di bawah ini.
Kloning repo ini
git clone [email protected]:riccox/meilisearch-ui.git --depth=1
Masuk ke direktori root repo
cd meilisearch-ui
menginstal dependensi
pnpm install
buat file .env.local
di direktori root repo, masukkan kode konfigurasi berikut di bawah ini
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
Peringatan
Risiko Keamanan
Lihat masalah ini.
File .env.local
hanya bersifat lokal dan Anda harus menambahkannya di .gitignore
untuk mencegahnya direkam oleh git.
Pada saat yang sama, variabel apa pun yang diekspos dengan cara ini pada akhirnya akan muncul di paket klien, jadi Anda harus menghindari penggunaan metode ini. Saat menggunakan pengemasan mode tunggal, Anda perlu menilai dengan cermat lingkungan jaringan tempat Anda menerapkan aplikasi, dan disarankan untuk menerapkannya di lingkungan jaringan internal yang tepercaya.
VITE_SINGLETON_MODE
memberi tahu aplikasi ini untuk mengaktifkan mode tunggal.VITE_SINGLETON_HOST
adalah url host meilisearch.VITE_SINGLETON_API_KEY
adalah kunci utama meilisearch.Selanjutnya, buat aplikasi tunggal.
pnpm build
Setelah pembangunan selesai, Anda akan menemukan direktori dist
di direktori root, yang merupakan direktori aplikasi SPA terpaket yang dapat disebarkan ke server mana pun.
Kemudian Anda akan langsung melompat ke halaman instance saat Anda membuka aplikasi ini.
Catatan
Instal pnpm terlebih dahulu.
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev