الأحد، 25 أكتوبر 2020

Aurelia - Configuration أوريليا - إعدادات التكوين

 Aurelia - Configuration أوريليا - and التكوين

Aurelia - Configuration أوريليا - إعدادات التكوين

في هذا الفصل ، سنوضح لك كيفية تكوين إطار عمل Aurelia لاحتياجاتك. ستحتاج في بعض الأحيان إلى تعيين تكوين أولي أو تشغيل بعض التعليمات البرمجية قبل تقديم التطبيق للمستخدمين.

الخطوة 1 - إنشاء main.js

لنقم بإنشاء ملف main.js داخل مجلد src . داخل هذا الملف سنقوم بتكوين Aurelia.

تحتاج أيضًا إلى إخبار Aurelia بتحميل وحدة التكوين. يمكنك رؤية الجزء المعلق عليه في المثال التالي.

index.html

<!DOCTYPE html>
<html>
   <head>
      <title>Aurelia</title>
      <link rel = "stylesheet" href = "styles/styles.css">
      <meta name = "viewport" content = "width=device-width, initial-scale = 1">
   </head>

   <body aurelia-app = "main"> 
      <!--Add "main" value to "aurelia-app" attribute... -->
      <script src = "jspm_packages/system.js"></script>
      <script src = "config.js"></script>
		
      <script>
         SystemJS.import('aurelia-bootstrapper');
      </script>
   </body>
</html>

الخطوة 2 - التكوين الافتراضي

يوضح الكود أدناه كيفية استخدام التكوين الافتراضي. تسمح وظيفة التكوين بضبط التكوين يدويًا. نحن نضع خاصية الاستخدام لتحديد ما نحتاجه.

main.js

export function configure(aurelia) {
   aurelia.use
   .standardConfiguration()
   .developmentLogging();

   aurelia.start().then(() => aurelia.setRoot());
}

الخطوة 3 - التكوين المتقدم

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

export function configure(aurelia) {
   aurelia.use
   .defaultBindingLanguage()
   .defaultResources()
   .developmentLogging()
   .router()
   .history()
   .eventAggregator();

   aurelia.start().then(() => aurelia.setRoot());
}

ملاحظة - سيتم شرح هذه الإعدادات بالتفصيل في الفصل التالي.






التسميات: