Udostępnij za pośrednictwem

.NET MAUIBlazor Hybrid Tworzenie aplikacji

  • Artykuł

Uwaga

Nie jest to najnowsza wersja tego artykułu. Aby zapoznać się z bieżącą wersją, zapoznaj się z wersją tego artykułu platformy .NET 8.

Ważne

Te informacje odnoszą się do produktu w wersji wstępnej, który może zostać znacząco zmodyfikowany, zanim zostanie wydany komercyjnie. Firma Microsoft nie udziela żadnych gwarancji, jawnych lub domniemanych, w odniesieniu do informacji podanych w tym miejscu.

Aby zapoznać się z bieżącą wersją, zapoznaj się z wersją tego artykułu platformy .NET 8.

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

  • Tworzenie .NET MAUIBlazor Hybrid projektu aplikacji w programie Visual Studio
  • Uruchamianie aplikacji w systemie Windows
  • Uruchamianie aplikacji na emulowanym urządzeniu przenośnym w emulatorze systemu Android

Wymagania wstępne

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:

Tworzenie .NET MAUIBlazor Hybrid aplikacji

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

Nowe rozwiązanie.

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

Filtruj szablony do .NET MAUI.

Blazor Hybrid.NET MAUIWybierz szablon Aplikacji, a następnie wybierz przycisk Dalej:

Wybieranie szablonu.

Uwaga

W programie .NET 7 lub starszym szablon ma nazwę .NET MAUIBlazor Aplikacja.

W oknie dialogowym Konfigurowanie nowego projektu:

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

Skonfiguruj projekt.

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

Dodatkowe okno dialogowe informacji dotyczące wybierania wersji struktury i tworzenia projektu.

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:

Przywracanie zależności.

Przywrócone 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:

Przycisk Maszyna z systemem Windows.

Jeśli tryb dewelopera nie jest włączony, zostanie wyświetlony monit o włączenie go w Ustawienia> Dla deweloperów Tryb dewelopera (Windows 10) lub Ustawienia>Privacy i zabezpieczenia>dla deweloperów>Trybu dewelopera>(Windows 11). Ustaw przełącznik na Włączone.

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

Aplikacja uruchomiona w systemie 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:

Przycisk Zatrzymaj debugowanie.

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

Wybór listy rozwijanej Emulatory systemu Android dla przycisku 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:

Lista błędów programu Visual Studio z komunikatem z prośbą o kliknięcie komunikatu w celu zainstalowania 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 zadań w tle programu Visual Studio.

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

Sprawdzono wskaźnik zadań w tle programu Visual Studio.

Na pasku narzędzi wybierz przycisk Emulator systemu Android:

Przycisk Emulator systemu Android.

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

Utwórz domyślne okno urządzenie z systemem Android.

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

Uwaga

Włącz przyspieszanie sprzętowe, aby zwiększyć wydajność emulatora systemu Android.

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.

Ważne

Emulowany telefon musi być włączony z systemem operacyjnym Android załadowanym w celu załadowania i uruchomienia aplikacji w debugerze. Jeśli emulowany telefon nie jest uruchomiony, włącz telefon przy użyciu skrótu klawiaturowego Ctrl+P lub wybierając przycisk Zasilania w interfejsie użytkownika:

Przycisk Zasilania emulatora systemu Android.

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:

Przycisk emulatora interfejsu API 30 pikseli 5.

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:

Pierwszy wskaźnik uruchomienia wdrożenia wyświetlany na pasku stopki programu Visual Studio.

Podczas uruchamiania aplikacji:

Drugi wskaźnik uruchomienia wdrożenia wyświetlany na pasku stopki programu Visual Studio.

Aplikacja uruchomiona w emulatorze systemu Android:

Aplikacja uruchomiona w emulatorze systemu Android.

Następne kroki

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

  • Tworzenie .NET MAUIBlazor Hybrid projektu aplikacji w programie Visual Studio
  • Uruchamianie aplikacji w systemie Windows
  • Uruchamianie aplikacji na emulowanym urządzeniu przenośnym w emulatorze systemu Android

Dowiedz się więcej o Blazor Hybrid aplikacjach:

ASP.NET Core Blazor Hybrid