مقدمة عن Blazor

جمادى الثانية 14 1443 - Hadeyah Ali - الويب

مشاركة :

blog-banner
وراء كل تطبيق أو موقع ويب ناجح حزم من الرموز والأكواد. إذا كان الكود الخاص به يمثل تحديًا، فيمكنه بسهولة إبطاء سرعة موقع الويب الخاص بك وزيادة معدلات الارتداد. هذا هو سبب إعجاب العديد من المسوقين بواجهة مستخدم جديدة من .NET تسمى Blazor. يتكون Microsoft Blazor وهو إطار عمل لواجهة مستخدم الويب، من "المتصفح" وبناء جملة الترميز .NET Razor. يمكن أن تساعدك هذه التقنية في التركيز بشدة على إنشاء تطبيقات الويب. إذن، ما هوBlazor ، وما الذي تحتاجون لمعرفته حول هذا الإطار؟ إليكم تقريرًا سريعًا يمكن للجميع حتى غير المطورين فهمه بسهولة.

 

اتصل بالمختصين لدينا في خدمات تطوير الويب

ما هو Blazor؟

Microsoft Blazor هو إطار عمل لواجهة مستخدم ويب متعدد الأنظمة ومفتوح المصدر مبني على نموذج مكون مرن. يسمح بتطوير واجهة مستخدم ويب مزدهرة وتفاعلية.
يتم استخدام Blazor لإنشاء واجهة مستخدم ويب تفاعلية باستخدام C# بدلاً من JavaScript. ومع ذلك، يمكنك استخدام C# للتطوير من جانب الخادم والعميل. لا يزال بإمكانك أيضًا استخدام JavaScript إذا أردت، حيث يمكن لـ Blazor استدعاء وظائف JavaScript.
 

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

يدعم Blazor مكونات إطار عمل SPA مثل:

1) التوجيه

2) المصادقة

3) إمكانية التشغيل البيني لـ JavaScript

4) التخطيط

5) التقديم من جانب الخادم

6) التبعية

7) البناء أثناء التطوير

نماذج الاستضافة - Blazor

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

تجميع الويب Blazor:

Blazor WebAssembly ، المعروف أيضًا باسمWASM ، هو تقنية واجهة مستخدم حديثة تم إنشاؤها بواسطة W3C (اتحاد شبكة الويب العالمية) لتطوير البرامج التي تعمل في مستعرض الويب. إنه برنامج مجمع يعمل بسرعات قريبة من وحدة المعالجة المركزية الخاصة بك. يمكن ببساطة كتابة برامج WebAssembly بلغات أخرى مختلفة مثل C ويتم تجميعها لاحقًا إلى WebAssembly bytecode. لا يذكر أن WebAssembly موجود هنا لاستبدال JavaScript ولكن للعمل جنبًا إلى جنب مع بعض البرامج التي تتطلب التشغيل بأسرع ما يمكن.

إلى جانب ذلك، تعد WebAssembly لغة تجميع منخفضة المستوى تعمل في كل متصفح ويمكن تنفيذها في بيئة وضع الحماية، مما يوفر أداءً نسبيًا.
 

خادم Blazor:

خادم Blazor هو نموذج استضافة الخادم حيث يتم تنفيذ التطبيق بشكل مناسب على الخادم من داخل تطبيق ASP.NET Core. يتم وضع ارتباط SignalR بين العميل والعامل. عند حدوث أي حدث للعميل، فإنه من المفترض أن تتم نقرات، ليتم بعد ذلك نقل البيانات المتعلقة بهذا الحدث إلى العامل عبر SignalR.

يجب أن يتعامل العامل مع الحدث، ويتم تحديد التباين بالنسبة إلى HTML الناتج. لا يتم نقل HTML بالكامل مرة أخرى إلى العميل عبر اقتران SignalR الذي تم إعداده بالفعل. في تلك المرحلة المحددة، يقوم البرنامج بتحديث واجهة المستخدم. ثم يدرك Blazor تصميم تطبيق الصفحة الواحدة الذي يعيد صياغة نفس الصفحة بقوة بسبب نشاط العميل. نظرًا لتطبيق الفرق (التباين) لتحديث واجهة المستخدم، يبدو التطبيق بأكمله أسرع وأكثر تقبلاً للعميل. ومن ثم، فإننا نستخدم تنسيق تطبيق خادم Blazor لتشغيل تطبيق Blazor مع نموذج تسهيل العاملين.
 

كيف تبدأ مع Blazor؟

الخطوة 1 - قم بتثبيت Blazor من صفحة Microsoft وانقر على زر "Get Started".

الخطوة 2 - الآن قم بتثبيت Visual Code إذا لم يكن لديك. سيساعدك في الترميز الفعلي وقد يتطلب بضع دقائق للتثبيت والتحميل.

الخطوة 3 - بعد ذلك، قم بتشغيل موجه الأوامر وتشغيل> أمر dotnet. سيساعد ذلك في التحقق من تثبيت كل شيء بشكل صحيح.

الخطوة 4 - الآن، افتح Visual Studio واختر "إنشاء مشروع جديد".

الخطوة 5 - اختر ASP.NET إذا لم يكن لديك تطبيق الويب الأساسي الذي تم تنزيله في Visual Studio.

الخطوة 6 - سترى "تكوين مشروع جديد" ، أضف اسمًا هناك واختر "إنشاء".

الخطوة 7 - سيظهر مربع "إنشاء تطبيق ويب ASP.NET Core جديد"، حدد ".NET Core و ASP.NET Core 5.0" في قسم القائمة المنسدلة، ثم اختر "تطبيق الويب" و "إنشاء".

تم الآن إعداد مشروعك الجديد بالكامل، ويمكنك بسهولة البدء في استخدام تطبيقات Blazor لعرض كيفية عملها.

هل يستطيع Blazor تحويل مساحة تطوير الويب وإنهاء هيمنة أطر عمل JavaScript والمكتبات مثل View و Angular و React؟

لا يمكننا التنبؤ حقًا، ولكن يمكن لـ Microsoft تطوير إطار العمل الأكثر إنتاجية لإنشاء تطبيقات الويب. ومع ذلك، طالما أن Blazor هنا، فهو إطار عمل رائع.
يعتمد على مدى روعة WebAssembly. إذا كانت عملية الوصول إلى DOM أو بعض واجهة برمجة التطبيقات الأخرى أبطأ قليلاً من الوصول إلى JavaScript، فقد تكون هذه مشكلة.
 

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

تعتمد Angular على مكتبات الجهات الخارجية، وسيضع تطبيقك العديد من التبعيات الأخرى. يقومون بالتعديل بسرعة، يدخلون فرقعة جديدة؛ يتقدم الآخرون في السن، ويتلقون دعمًا سيئًا بشكل عام. لذا، لجعلها قصيرة، فإن JavaScript تموت تدريجياً . Blazor هي تقنية مستقبلية مذهلة يمكنها أداء أشياء رائعة وجذب انتباه المطورين من كل مكان.  #C هي بالتأكيد إحدى اللغات المغناطيسية. .NET Core هو أحد أكثر الحزم المفتوحة في السوق.

الخلاصة

لقد أظهر لنا إطار عمل Blazor عالماً جديداً من تطوير الواجهة الأمامية لمطوري NET. و NET core.. إنه يوفر لك مرونة أكبر لإنشاء صفحات ويب تستخدم #C أو VB.NET. ومع ذلك، يمكنك استخدام Blazor لكتابة رمز من جانب العميل باستخدام #C بدلاً من JavaScript. علاوة على ذلك، يمكن لمطوري NET. استخدام Blazor للاستفادة من حزمة تقنية واحدة لتطوير العميل وجانب الخادم للتطبيق. ستتمتع بتجربة نمو في الإنتاجية وتوفير في التكاليف من Blazor.
نأمل أن تكون قد فهمت التقنية جيدًا الآن؛ إذا كان لديك أي استفسار، فلا تتردد في الاتصال بفريق خبرائنا.
 

إشترك الآن

أدخل عنوان بريدك الإلكتروني لتصلك نشرتنا الإخبارية .

البريد الإلكتروني

الرؤى

عرض بعض أعمالنا الحديثة