meilisearch ui
v0.9.6
الإنجليزية ｜ 中文
مهم
قد يكون الفرع الرئيسي غير مستقر أو غير متاح أثناء التطوير. يرجى استخدام الإصدار بدلاً من الفرع الرئيسي للحصول على إصدار ثابت من التطبيق
مؤشرات الخام
؟ البحث في المستندات
؟ إدارة الوثائق
️ إعدادات الفهرس
§ إدارة حالات متعددة
يتم تخزين البيانات داخل المتصفح الخاص بك
؟ دعم صورة عامل ميناء
؟ دعم الوضع الفردي (سهل التكامل مع تطبيقاتك الخاصة)
دعم I18n (en, zh)
تحذير
لم يحقق هذا التطبيق تصميمًا سريع الاستجابة تمامًا، لذا ضع في اعتبارك استخدام هذا التطبيق فقط على سطح المكتب للحصول على تجربة أفضل.
✅ تذكر تحديث إعدادات CORS في خادم المثيل الخاص بك لمجال واجهة المستخدم هذا قبل الاستخدام.
نظرًا لأن هذا التطبيق يستخدم عميل JS الرسمي لـ meilisearch للاتصال بمثيل meilisearch الخاص بك، فأنت بحاجة إلى تكوين إعدادات CORS يدويًا في خادم الويب الخاص بك للتأكد من أن لوحة واجهة المستخدم يمكنها الوصول إلى خادم المثيل الخاص بك من خلال مكالمات API.
أضف مجال نشر لوحة واجهة المستخدم الخاصة بك إلى قائمة خوادم المثيل الخاصة بك.
السابق:
# ... 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انتقل إلى الجذر دير الريبو
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 محلي فقط ويجب عليك إضافته في .gitignore الخاص بك لمنع تسجيله بواسطة git.
وفي الوقت نفسه، فإن أي متغيرات يتم كشفها بهذه الطريقة ستظهر في النهاية في حزمة العميل، لذا يجب أن تحاول تجنب استخدام هذه الطريقة. عند استخدام حزمة الوضع المفرد، تحتاج إلى الحكم بعناية على بيئة الشبكة التي تنشر فيها التطبيق، ويوصى بالنشر في بيئة شبكة داخلية موثوقة.
VITE_SINGLETON_MODE أخبر هذا التطبيق بتمكين الوضع الفردي.VITE_SINGLETON_HOST هو عنوان URL لمضيف meilisearch.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
