نموذج رمز لتوضيح كيفية مشاركة الكود على طول الطريق من الواجهة الأمامية إلى الخلفية مع C# و .NET.
يتضمن هذا المشروع:
| مشروع | وصف |
|---|---|
| Pokemonevery While.Blazor | تطبيق Blazor Web الذي يعرض بيانات Pokémon التي تم استردادها من مشروع API على الويب |
| pokemoneverywhere.blazor.shared | مكتبة فئة Razor (RCL) التي تتم مشاركتها بين جميع المشاريع التي تم تمكينها من Blazor (Blazor و Blazor Hybrid مع .NET Maui و WPF و Winforms) |
| pokemoneverywhere.blazorhybrid | مشروع Blazor Hybrid مبني على .NET Maui يمكنك تشغيله على Android و iOS و Windows و MacOS |
| pokemoneverywhere.console | .NET Console تطبيق يعرض بيانات Pokémon القادمة من مشروع API على الويب في جدول |
| Pokemonevery While.maui | .NET MAUI "الأصلي" الذي يعرض بيانات Pokémon القادمة من مشروع ويب API في تطبيق Android و iOS و Windows و MacOS الأصلي |
| pokemoneverywhere.shared | مكتبة الفصل التي يتم مشاركتها مع جميع المشاريع الأخرى . يتضمن نماذج وخدمات بوكيمون لاسترداد البيانات |
| pokemoneverywhere.vue (ليس في الحل) | مشروع ويب VUE الذي تم استضافته في مشروع Vuehybrid |
| pokemoneverywhere.vuehybrid | .NET MAUI Project الذي يستخدم HybridWebView لتحميل تطبيق VUE الذي يعرض بعد ذلك بيانات Pokémon القادمة من مشروع ويب API |
| pokemoneverywhere.webapi | مشروع واجهة برمجة تطبيقات الويب الخلفية الذي يسترجع البيانات من مصدر خارجي ويخدمها للعملاء |
| pokemoneverywhere.wpf | مشروع عميل WPF الذي يوضح كيفية استرداد البيانات في كل من DataGrid WPF واستخدام Blazor Hybrid |
| pokemoneverywhere.winforms | مشروع عميل WinForms الذي يوضح كيفية استرداد البيانات في كل من DataGridView winforms واستخدام Blazor Hybrid |
تأكد من تشغيل مشروع WebAPI لخدمة البيانات.
يمكنك القيام بذلك عن طريق تشغيل dotnet run --project PokemonEverywhere.WebApi/PokemonEverywhere.WebApi.csproj --launch-profile "https"
إذا كان الاتصال بنقطة نهاية HTTPS يمنحك أخطاء حول أن تكون الشهادة غير صالحة ، فوقف الخادم وقم بتشغيل dotnet dev-certs https --trust . قد يطالبك هذا بكلمة مرورك. ثم قم بتشغيل الأمر أعلاه مرة أخرى لتشغيل الخادم.
اختياريا يمكنك إعداد devtunnel للاتصال بالخادم من محاكي/محاكاة.
للقيام بذلك ، قم بتثبيت DevTunnels وقم بتشغيل devtunnel host -a -p 7055 . المنفذ 7055 هو الافتراضي في هذا المشروع ، إذا اخترت استخدام شيء آخر ، فقم بتحديث المنفذ. انتقل إلى عنوان URL الذي تم إنشاؤه مرة واحدة من متصفح للاعتراف برسالة التحذير ، من ذلك الحين يمكنك الاتصال بعنوان URL من مشاريع تطبيق العميل.
يجب أن تكون جميع المشاريع قادرة على تشغيل أي محرر IDE أو رمز أو سطر الأوامر.
على سبيل المثال لتشغيل مشروع عميل Blazor من استخدام سطر الأوامر
dotnet run --project PokemonEverywhere.Blazor/PokemonEverywhere.Blazor.csproj --launch-profile " https "أو لتشغيل .NET MAUI على Windows من استخدام سطر الأوامر
dotnet build PokemonEverywhere.Maui/PokemonEverywhere.Maui.csproj -t:Run -f net8.0-windows10.0.19041.0في Visual Studio ، قم بتعيين مشروعك المفضل كمشروع بدء التشغيل وابدأ تشغيله!
قبل تشغيل مشروع Vuehybrid ، تأكد من تثبيت NPM ومن مجلد PokeMonevery While.
npm i
npm run build