.NET MAUI Blazor Hybrid Tworzenie aplikacji

W tym samouczku pokazano, jak skompilować i uruchomić aplikację .NET MAUIBlazor Hybrid . Dowiedz się, jak odbywa się:

Wymagania wstępne

• Obsługiwane platformy (.NET MAUI dokumentacja)
• Program Visual Studio z obciążeniem .NET Multi-platform App UI programistycznym .
• Microsoft Edge WebView2: WebView2 jest wymagany w systemie Windows podczas uruchamiania aplikacji natywnej. Podczas tworzenia .NET MAUIBlazor Hybrid aplikacji i uruchamiania ich tylko w emulatorach WebView2 programu Visual Studio nie jest wymagane.
• Włącz przyspieszanie sprzętowe, aby zwiększyć wydajność emulatora systemu Android.

Aby uzyskać więcej informacji na temat wymagań wstępnych i instalowania oprogramowania na potrzeby tego samouczka, zobacz następujące zasoby w .NET MAUI dokumentacji:

• Obsługiwane platformy dla .NET MAUI aplikacji
• Instalacja (Visual Studio)

Tworzenie .NET MAUIBlazor Hybrid aplikacji

Uruchom program Visual Studio. W oknie startowym wybierz pozycję Utwórz nowy projekt:

W oknie Tworzenie nowego projektu użyj listy rozwijanej Typ projektu, aby filtrować szablony MAUI:

.NET MAUI Blazor HybridWybierz szablon Aplikacji, a następnie wybierz przycisk Dalej:

W oknie dialogowym Konfigurowanie nowego projektu:

• Ustaw nazwę projektu na MauiBlazor.
• Wybierz odpowiednią lokalizację dla projektu.
• Kliknij przycisk Next (Dalej).

W oknie dialogowym Dodatkowe informacje wybierz wersję platformy z listą rozwijaną Framework. Wybierz przycisk Utwórz:

Poczekaj, aż program Visual Studio utworzy projekt i przywróci zależności projektu. Monitoruj postęp w Eksplorator rozwiązań, otwierając wpis Zależności.

Przywracanie zależności:

Przywrócone zależności:

Uruchamianie aplikacji w systemie Windows

Na pasku narzędzi programu Visual Studio wybierz przycisk Maszyna z systemem Windows, aby skompilować i uruchomić projekt:

Jeśli tryb dewelopera nie jest włączony, zostanie wyświetlony monit o włączenie go w obszarze Ustawienia>dla deweloperów TrybTrybu>(Windows 11). Ustaw przełącznik na Włączone.

Aplikacja działająca jako aplikacja klasyczna systemu Windows:

Uruchamianie aplikacji w emulatorze systemu Android

Jeśli postępuje zgodnie ze wskazówkami w sekcji Uruchamianie aplikacji w systemie Windows , wybierz przycisk Zatrzymaj debugowanie na pasku narzędzi, aby zatrzymać uruchomioną aplikację systemu Windows:

Na pasku narzędzi programu Visual Studio wybierz przycisk listy rozwijanej Rozpocznij konfigurację. Wybierz pozycję Emulatory systemu Android Emulator systemu>Android:

Zestawy SDK systemu Android są wymagane do tworzenia aplikacji dla systemu Android. Na panelu Lista błędów zostanie wyświetlony komunikat z prośbą o dwukrotne kliknięcie komunikatu w celu zainstalowania wymaganych zestawów SDK systemu Android:

Zostanie wyświetlone okno Akceptacja licencji zestawu SDK systemu Android, wybierz przycisk Akceptuj dla każdej wyświetlonej licencji. Zostanie wyświetlone dodatkowe okno dla licencji emulatorasystemu Android i poprawki zestawu SDK Applier. Wybierz przycisk Akceptuj.

Poczekaj, aż program Visual Studio pobierze zestaw SDK systemu Android i emulator systemu Android. Postęp można śledzić, wybierając wskaźnik zadań w tle w lewym dolnym rogu interfejsu użytkownika programu Visual Studio:

Wskaźnik pokazuje znacznik wyboru po zakończeniu zadań w tle:

Na pasku narzędzi wybierz przycisk Emulator systemu Android:

W oknie Tworzenie domyślnego urządzenia z systemem Android wybierz przycisk Utwórz:

Poczekaj, aż program Visual Studio pobierze, rozpakuj i utwórz emulator systemu Android. Gdy emulator telefonu z systemem Android jest gotowy, wybierz przycisk Uruchom .

Zamknij okno Menedżer urządzeń systemu Android. Poczekaj, aż pojawi się emulowane okno telefonu, zostanie załadowany system operacyjny Android i zostanie wyświetlony ekran główny.

Na pasku narzędzi programu Visual Studio wybierz Pixel 5 - {VERSION} przycisk, aby skompilować i uruchomić projekt, gdzie {VERSION} symbol zastępczy to wersja systemu Android. W poniższym przykładzie wersja systemu Android to API 30 (Android 11.0 - API 30), a nowsza wersja jest wyświetlana w zależności od zainstalowanego zestawu Android SDK:

Program Visual Studio kompiluje projekt i wdraża aplikację w emulatorze.

Uruchomienie emulatora, załadowanie emulowanego telefonu i systemu operacyjnego oraz wdrożenie i uruchomienie aplikacji może potrwać kilka minut w zależności od szybkości systemu i tego, czy jest włączone przyspieszanie sprzętowe. Postęp wdrażania można monitorować, sprawdzając pasek stanu programu Visual Studio w dolnej części interfejsu użytkownika. Wskaźnik Gotowe odbiera znacznik wyboru, a wskaźniki wdrażania i ładowania aplikacji emulatora znikają, gdy aplikacja jest uruchomiona:

Podczas wdrażania:

Podczas uruchamiania aplikacji:

Aplikacja uruchomiona w emulatorze systemu Android:

Następne kroki

W tym samouczku zawarto informacje na temat wykonywania następujących czynności:

Dowiedz się więcej o Blazor Hybrid aplikacjach: