Поделиться через

Создание первого приложения

  • Статья

Важно!

Этот проект является экспериментальным выпуском. Мы надеемся, что вы опробуете экспериментальные мобильные привязки Blazor и оставить отзыв по адресу https://github.com/xamarin/MobileBlazorBindings.

Самый простой способ приступить к работе с экспериментальными мобильными привязками Blazor — установить и создать исходный проект из командной строки.

Примечание

Если вы еще не сделали этого, проверка предварительные требования и инструкции по установке шаблона.

  1. Открытие командной строки или окна оболочки

  2. Создайте проект, выполнив следующую команду:

    dotnet new mobileblazorbindings -o FirstMobileBlazorBindingsApp

    Будет создана папка с именем FirstMobileBlazorBindingsApp с файлом решения (SLN) и тремя проектами во вложенных каталогах:

    1. FirstMobileBlazorBindingsApp/FirstMobileBlazorBindingsApp.csproj — это общий проект, который будет содержать пользовательский интерфейс и логику мобильного приложения.
    2. FirstMobileBlazorBindingsApp.Android/FirstMobileBlazorBindingsApp.Android.csproj — это "внутренний" проект для целевых устройств Android. В Windows или Mac этот проект можно запустить, чтобы запустить приложение в эмуляторе Android.
    3. FirstMobileBlazorBindingsApp.iOS/FirstMobileBlazorBindingsApp.iOS.csproj — это "внутренний" проект для нацеливания на устройства iOS. На компьютере Mac вы можете запустить этот проект, чтобы запустить приложение в симуляторе iOS. В Windows его также можно запустить, если у вас есть связанный компьютер Mac.

  3. Теперь решение можно открыть в Visual Studio. Чтобы открыть решение, дважды щелкните файл SLN на диске или откройте Visual Studio 2019, выберите File / / OpenProject/Solution, а затем перейдите к созданной папке и выберите .FirstMobileBlazorBindingsApp.sln Решение в Visual Studio должно выглядеть следующим образом:

    Обозреватель решений со всеми 3 проектами

  4. Чтобы запустить проект, необходимо задать один из "внутренних" проектов в качестве запускаемого проекта. В Обозреватель решений щелкните правой кнопкой мыши проект Android или iOS и выберите .Set as StartUp Project

    Настройка запускаемого проекта в Обозреватель решений

  5. Нажмите клавишу F5 , чтобы запустить проект в эмуляторе с подключенным отладчиком (или нажмите клавишу CTRL+F5 для запуска без отладчика).

    • Совет. Если вы хотите запустить проект iOS в симуляторе iOS, убедитесь, что вы выбрали целевой iPhoneSimulator объект на панели инструментов Visual Studio вместо iPhone.

  6. Первое приложение будет запущено в эмуляторе или на устройстве и будет выглядеть следующим образом:

    Hello World в эмуляторе Android

  7. Поздравляем, вы создали и запустите свое первое экспериментальное мобильное приложение Blazor Bindings!

Совет

Если у вас возникла проблема, ознакомьтесь с руководством по устранению неполадок.

Совет

Дополнительные параметры при создании проекта см. в разделе Дополнительные параметры шаблона .

Дальнейшие действия