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

Важно!

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

Самый простой способ начать работу с экспериментальными мобильными привязками Blazor для создания гибридных приложений — создать начальный проект из командной строки. Этот шаблон поддерживает создание приложений для Android, iOS, WPF (Windows) и macOS.

Примечание

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

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

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

   dotnet new blazorhybrid -o FirstBlazorHybridApp
   

   При этом будет создана папка с файлом FirstBlazorHybridApp решения (SLN) и пятью проектами во вложенных каталогах:

   1. FirstBlazorHybridApp/FirstBlazorHybridApp.csproj — это общий проект, который будет содержать гибридный пользовательский интерфейс и логику приложения. То есть он будет содержать как собственный пользовательский интерфейс, так и веб-интерфейс с использованием синтаксиса Razor.
   2. FirstBlazorHybridApp.Android/FirstBlazorHybridApp.Android.csproj — это "внутренний" проект для устройств Android. В Windows или Mac этот проект можно запустить, чтобы запустить приложение в эмуляторе Android.
   3. FirstBlazorHybridApp.iOS/FirstBlazorHybridApp.iOS.csproj — это "внутренний" проект для устройств iOS. На Компьютере Mac вы можете запустить этот проект, чтобы запустить приложение в симуляторе iOS. В Windows вы также можете запустить его, если у вас есть связанный компьютер Mac.
   4. FirstBlazorHybridApp.Windows/FirstBlazorHybridApp.Windows.csproj— это "внутренний" проект для целевых устройств Windows с использованием Windows Presentation Foundation (WPF). В Windows можно запустить этот проект, чтобы запустить приложение.
   5. FirstBlazorHybridApp.macOS/FirstBlazorHybridApp.macOS.csproj — это "внутренний" проект для устройств macOS. На Компьютере Mac вы можете запустить этот проект, чтобы запустить приложение.

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

   

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

   

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

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

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

   

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

Совет

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

Совет

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

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

• Дополнительные сведения о том, как это работает, см. в пошаговом руководстве по гибридной Hello World.
• Чтобы узнать, как предоставить общий доступ к пользовательскому веб-интерфейсу с веб-приложением Blazor, перейдите к пошаговому руководству по общему веб-интерфейсу.