الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

️ هذا المشروع مخصص لـ Mirador 3، الإصدار الأحدث من Mirador. بالنسبة إلى Mirador 2، يرجى الاطلاع على ProjectMirador/mirador2 أو الوثائق القديمة على موقع Mirador 2 wiki. يرجى ملاحظة أن تركيز المجتمع ينصب على Mirador 3، ومن غير المرجح أن يقبل طلبات السحب أو يقدم الدعم لـ Mirador 2.

ميرادور

لمستخدمي ميرادور

يمكنك استخدام Mirador وتكوينه بسرعة عن طريق إعادة مزج Glitch-start mirador.

نوصي بتثبيت Mirador باستخدام مدير حزم JavaScript مثل npm أو الغزل. 

$ npm install mirador 

# or

$ yarn add mirador

إذا كنت مهتمًا بدمج Mirador مع المكونات الإضافية في مشروعك، فنوصي باستخدام حزمة الويب أو الطرود لدمج الإصدار es من الحزم. الأمثلة هنا:

https://github.com/ProjectMirador/mirador-integration

إذا كنت تريد ببساطة تضمين Mirador في صفحة HTML دون مزيد من التخصيص، فقم بتضمين إصدار Mirador UMD: 

 <script src="https://unpkg.com/mirador@latest/dist/mirador.min.js"></script>

يمكن العثور على المزيد من الأمثلة على تضمين Mirador على https://github.com/ProjectMirador/mirador/wiki/M3-Embedding-in-Another-Environment#in-an-html-document-with-javascript.

إضافة ترجمات إلى ميرادور

للمساعدة في إضافة ترجمة، راجع src/locales/README.md

تشغيل ميرادور محليا من أجل التنمية

يتطلب التطوير المحلي لـ Mirador تثبيت Nodejs.

  1. قم بتشغيل npm install لتثبيت التبعيات.

البدء بالمشروع 

$ npm start

ثم انتقل إلى http://127.0.0.1:4444/

إنشاء مثيل ميرادور 

 var miradorInstance = Mirador . viewer ( {
  id : 'mirador' // id selector where Mirador should be instantiated
} ) ;

> miradorInstance
{ actions , store }

مثال على العمل

إضافة نافذة: 

 store . dispatch ( actions . addWindow ( ) ) ;

للتركيز على تشغيل النافذة: 

 store . dispatch ( actions . focusWindow ( 'window-1' ) )

تحقق من الحالة الحالية 

 store . getState ( )

تشغيل الاختبارات 

$ npm test # For headless CI=true npm test

أو لمشاهدة الملفات المصدر باستمرار 

$ npm run test:watch

تلبيس المشروع 

$ npm run lint

تصحيح الأخطاء

مثيل محلي

تعد ملحقات المستعرض التالية مفيدة لتصحيح أخطاء مثيل التطوير المحلي لـ Mirador:

  • رد فعل أدوات التطوير
  • أدوات تطوير Redux

جناح الاختبار

لتصحيح مجموعة الاختبار، قم بتشغيل: 

$ npm run test:debug

ثم قم بتدوير عميل مفتش العقدة وقم بتعيين بعض نقاط التوقف. انظر هنا للحصول على دليل لتصحيح الأخطاء باستخدام Chrome DevTools.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل