Share via

Tworzenie pierwszej aplikacji hybrydowej

  • Artykuł

Ważne

Ten projekt jest wersją eksperymentalną. Mamy nadzieję, że wypróbujesz eksperymentalne powiązania platformy Blazor dla urządzeń przenośnych i przekażesz opinię na stronie https://github.com/xamarin/MobileBlazorBindings.

Najprostszym sposobem rozpoczęcia pracy z eksperymentalnymi powiązaniami platformy Blazor dla urządzeń przenośnych w celu tworzenia aplikacji hybrydowych jest utworzenie projektu początkowego z poziomu wiersza polecenia. Ten szablon obsługuje tworzenie aplikacji dla systemów Android, iOS, WPF (Windows) i macOS.

Uwaga

Jeśli jeszcze tego nie zrobiono, zapoznaj się z wymaganiami wstępnymi i instrukcjami instalacji szablonu.

  1. Otwieranie wiersza polecenia lub okna powłoki

  2. Utwórz projekt, uruchamiając następujące polecenie:

    dotnet new blazorhybrid -o FirstBlazorHybridApp

    Spowoduje to utworzenie folderu o nazwie FirstBlazorHybridApp z plikiem rozwiązania (SLN) i pięcioma projektami w katalogach podrzędnych:

    1. FirstBlazorHybridApp/FirstBlazorHybridApp.csproj — jest to udostępniony projekt, który będzie zawierać hybrydowy interfejs użytkownika i logikę aplikacji. Oznacza to, że będzie zawierać zarówno natywny interfejs użytkownika, jak i internetowy interfejs użytkownika przy użyciu składni Razor.
    2. FirstBlazorHybridApp.Android/FirstBlazorHybridApp.Android.csproj — jest to projekt "zaplecza" przeznaczony dla urządzeń z systemem Android. W systemie Windows lub Mac możesz uruchomić ten projekt, aby uruchomić aplikację w emulatorze systemu Android.
    3. FirstBlazorHybridApp.iOS/FirstBlazorHybridApp.iOS.csproj — jest to projekt "zaplecza" przeznaczony dla urządzeń z systemem iOS. Na komputerze Mac możesz uruchomić ten projekt, aby uruchomić aplikację w symulatorze systemu iOS. W systemie Windows można go również uruchomić, jeśli masz komputer Mac, który jest sparowany.
    4. FirstBlazorHybridApp.Windows/FirstBlazorHybridApp.Windows.csproj— jest to projekt "zaplecza" przeznaczony dla urządzeń z systemem Windows korzystających z Windows Presentation Foundation (WPF). W systemie Windows możesz uruchomić ten projekt, aby uruchomić aplikację.
    5. FirstBlazorHybridApp.macOS/FirstBlazorHybridApp.macOS.csproj — jest to projekt "zaplecza" przeznaczony dla urządzeń z systemem macOS. Na komputerze Mac możesz uruchomić ten projekt, aby uruchomić aplikację.

  3. Teraz możesz otworzyć rozwiązanie w programie Visual Studio. Aby otworzyć rozwiązanie, możesz kliknąć dwukrotnie plik SLN na dysku lub najpierw otworzyć program Visual Studio 2019, wybierz pozycję File / / OpenProject/Solution, a następnie przejdź do nowego utworzonego folderu i wybierz pozycję .FirstBlazorHybridApp.sln Rozwiązanie w programie Visual Studio powinno wyglądać następująco:

    Eksplorator rozwiązań ze wszystkimi 5 projektami

  4. Aby uruchomić projekt, należy ustawić jeden z projektów "zaplecza" jako projekt startowy. W Eksplorator rozwiązań kliknij prawym przyciskiem myszy projekt Android, iOS, Windows lub macOS i wybierz pozycję Set as StartUp Project.

    Ustawianie projektu startowego w Eksplorator rozwiązań

  5. Naciśnij klawisz F5 , aby uruchomić projekt w emulatorze lub na urządzeniu (w zależności od wybranego projektu) z dołączonym debugerem (lub naciśnij klawisze Ctrl+F5 , aby uruchomić bez debugera)

    • Porada: Jeśli chcesz uruchomić projekt systemu iOS w symulatorze systemu iOS, upewnij się, że wybrano element docelowy iPhoneSimulator na pasku narzędzi programu Visual Studio zamiast iPhone.

  6. Pierwsza aplikacja zostanie uruchomiona w emulatorze lub na urządzeniu i będzie wyglądać następująco:

    Hello world aplikacji hybrydowej uruchomionej w symulatorze systemu iOS

  7. Gratulacje, udało Ci się utworzyć i uruchomić pierwszą eksperymentalną aplikację hybrydową platformy Blazor Bindings.

Porada

Jeśli występuje problem, zapoznaj się z przewodnikiem rozwiązywania problemów.

Porada

Zobacz temat Zaawansowane opcje szablonu , aby uzyskać więcej opcji podczas tworzenia nowego projektu.

Następne kroki