meilisearch ui
v0.9.6
ภาษาอังกฤษ ｜ 中文
สำคัญ
สาขาหลักอาจไม่เสถียรหรือไม่พร้อมใช้งานในระหว่างการพัฒนา โปรดใช้ release แทนสาขาหลักเพื่อรับแอปเวอร์ชันเสถียร
จัดทำดัชนี CRUD
- ค้นหาเอกสาร
- การจัดการเอกสาร
️ การตั้งค่าดัชนี
⚡ การจัดการหลายอินสแตนซ์
ข้อมูลถูกเก็บไว้ในเบราว์เซอร์ของคุณ
- รองรับอิมเมจนักเทียบท่า
- รองรับโหมดซิงเกิลตัน (ง่ายต่อการรวมเข้ากับแอพของคุณเอง)
รองรับ I18n (en, zh)
คำเตือน
แอปนี้ยังไม่ได้รับการออกแบบที่ตอบสนองโดยสิ้นเชิง ดังนั้นโปรดทราบว่าใช้แอปนี้บนเดสก์ท็อปเท่านั้นเพื่อรับประสบการณ์ที่ดีขึ้น
✅ อย่าลืมอัปเดตการตั้งค่า CORS ในเซิร์ฟเวอร์อินสแตนซ์ของคุณสำหรับโดเมน UI นี้ก่อนใช้งาน
เนื่องจากแอปนี้ใช้ไคลเอ็นต์ JS อย่างเป็นทางการของ meilisearch เพื่อเรียกอินสแตนซ์ meilisearch ของคุณ คุณจึงต้องกำหนดการตั้งค่า CORS ด้วยตนเองในเว็บเซิร์ฟเวอร์ของคุณเพื่อให้แน่ใจว่าแผง UI สามารถเข้าถึงเซิร์ฟเวอร์อินสแตนซ์ของคุณด้วยการเรียก API
เพิ่มโดเมนการปรับใช้แผง UI ของคุณไปยังรายการ Cors เซิร์ฟเวอร์อินสแตนซ์ของคุณ
อดีต:
# ... other configurations
add_header Access-Control-Allow-Origin "your.meilisearch-ui.domain.com";
# ... other configurations
เรียนรู้วิธีกำหนดการตั้งค่า CORS ในเว็บเซิร์ฟเวอร์ของคุณ
มีการสาธิตสด meilisearch-ui ปรับใช้บน Vercel
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ไปที่ root dir ของ repo
cd meilisearch-uiติดตั้งการพึ่งพา
pnpm install สร้างไฟล์ .env.local ที่ root dir ของ repo ป้อนรหัสการกำหนดค่าต่อไปนี้
VITE_SINGLETON_MODE=true
VITE_SINGLETON_HOST=your-meilisearch-host
VITE_SINGLETON_API_KEY=your-api-key
คำเตือน
ความเสี่ยงด้านความปลอดภัย
ดูปัญหานี้
ไฟล์ .env.local เป็นแบบโลคัลเท่านั้น และคุณควรเพิ่มลงใน .gitignore เพื่อป้องกันไม่ให้ git บันทึก
ในเวลาเดียวกัน ตัวแปรใดๆ ที่ถูกเปิดเผยในลักษณะนี้จะปรากฏในแพ็คเกจไคลเอนต์ในที่สุด ดังนั้นคุณควรพยายามหลีกเลี่ยงการใช้วิธีนี้ เมื่อใช้แพ็กเกจโหมดซิงเกิลตัน คุณจะต้องตัดสินสภาพแวดล้อมเครือข่ายที่คุณปรับใช้แอปพลิเคชันอย่างรอบคอบ และขอแนะนำให้ปรับใช้ในสภาพแวดล้อมเครือข่ายภายในที่เชื่อถือได้
VITE_SINGLETON_MODE บอกให้แอปนี้เปิดใช้งานโหมดซิงเกิลตันVITE_SINGLETON_HOST คือ URL โฮสต์ meilisearchVITE_SINGLETON_API_KEY คือคีย์หลัก meilisearchถัดไป สร้างแอปซิงเกิลตัน
pnpm build เมื่อการสร้างเสร็จสมบูรณ์ คุณจะพบไดเร็กทอรี dist ในไดเร็กทอรีราก ซึ่งเป็นไดเร็กทอรีแอปพลิเคชัน SPA แบบแพ็กเกจที่สามารถนำไปใช้กับเซิร์ฟเวอร์ใดก็ได้
จากนั้นคุณจะข้ามไปที่หน้าอินสแตนซ์โดยตรงเมื่อคุณเปิดแอปนี้
บันทึก
ติดตั้ง pnpm ก่อน
git clone [email protected]:riccox/meilisearch-ui.git
cd meilisearch-ui
pnpm install
pnpm dev
