إنشاء وتنفيذ مشاريع Blazor WebAssembly

وسط

استوديو مرئي

• استوديو مرئي 2019

.NET

• .NET 5.0

الحصول على وتثبيت Visual Studio

استخدام Visual Studio لتطوير مشاريع Blazor. تعرف على كيفية الحصول على Visual Studio وإعداده أدناه.

• كيفية تثبيت Visual Studio 2019
• قائمة نصائح الاستوديو المرئي

خطوات أخرى يمكن أن تكون مملة، ولكن رمز الاستوديو البصرية يسمح لك أيضا لتطوير. (لن أشرح هنا.)

إنشاء مشروع بلازور WebAssembly

حدد Visual Studio 2019 من القائمة ابدأ. الإصدار هو 2019 هنا ، ولكن يمكن للإصدارات اللاحقة أيضا إنشاء مشاريع.

حدد إنشاء مشروع جديد.

إذا قمت بإدخال "Blazor" في حقل إدخال البحث أعلاه ، سيتم عرض قائمة ، لذلك حدد "Blazor WebAssembly App" وانقر على زر "التالي".

اسم المشروع يمكن أن يكون أي شيء، ولكن هنا نحن "BlazorWebAssemblySample". يمكنك إنشاء مشاريع أينما كنت. يتم إدخال اسم الحل تلقائيا، بحيث يمكنك تركه كما هو.

والإطار المستهدف هو ". NET الأساسية 3.1 أو أحدث. هنا هو آخر ". NET 5.0" محدد. يتم ترك الباقي إلى الإعدادات الافتراضية. عند الانتهاء من ذلك، انقر فوق الزر "إنشاء".

يتم عرض إطار الاستوديو المرئي الرئيسي (IDE) ويتم اكتمال إنشاء المشروع. قد يختلف تخطيط الإطار حسب تفضيلاتك، ولكنه لا يؤثر على التطوير.

يحتوي المجلد المحدد على ملفات تتعلق بالمشروع. لا يؤثر المشروع على التسلسل الهرمي فوق هذا المجلد (خارج) ، لذلك إذا لم تعد بحاجة إليه ، يمكنك حذف كل مجلد ولا يمكنك القيام بأي شيء.

تشغيل (تنفيذ التصحيح)

يتم إكمال عينة صغيرة في حالة إنشاء المشروع، لذلك فمن الممكن لتنفيذه كما هو. انقر فوق IIS Express على شريط الأدوات لتشغيله. يتم إنشاء خادم ويب بسيط "IIS Express" في البيئة الخاصة بك ويمكنك تشغيل تطبيق Blazor. هذا IIS Express إنهاء تلقائيا عند إنهاء التصحيح.

بالمناسبة، blazor WebAssembly التصحيح يعمل استخدام خادم الويب فقط لتحميل التطبيقات.

بعد بدء البناء و انقضاء فترة معينة من الوقت، يتم إكمال البناء و يبدأ مستعرض الويب. سترى شاشة ويب، ويتم كل ذلك من قبل العميل (باستثناء الوصول إلى موارد الخادم). في حين تتم عادة كتابة معالجة العميل لتطبيقات الويب في جافا سكريبت ، يمكن استخدام Blazor آلية WebAssembly لإنشائها في C #.

إليك كيفية زيادة عدد مرات النقر: تتم كتابة هذه العمليات تحديث غير الشاشة بشكل عام في Javascript ولكن يتم تطبيقها أيضا في #C.

هذه هي الشاشة التي تقوم بتحميل ملف JSON من الملقم وعرض القائمة.

إيقاف تصحيح التنفيذ

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

إذا كانت هذه هي الحالة، انقر فوق الزر "إيقاف التصحيح" من شريط أدوات Visual Studio.

نهاية التنمية

في الأساس ، يجب الخروج من Visual Studio تماما مثل أي مشروع آخر. إذا لم يتم حفظ أي ملفات، يتم عرض تأكيد حفظ.

عند تطوير مرة أخرى، يمكنك فتح الملف "xxxxxxxx.sin" أو فتح التاريخ عند بدء تشغيل Visual Studio، بحيث يمكنك فتحه من هناك.