company_banner

Статические веб-приложения Azure с .NET и Blazor



    Статические веб-приложения Azure — это сервис, который автоматически создает и развертывает веб-приложения полного стека из репозитория GitHub. Статические веб-приложения Azure состоят из статического веб-клиента и серверной части на базе Azure Functions. При создании ресурса «Статические веб-приложения» Azure создает в репозитории исходного кода приложения рабочий процесс GitHub Actions, который отслеживает выбранную вами ветвь. Всякий раз когда вы отправляете фиксации в отслеживаемую ветвь, рабочий процесс GitHub Actions автоматически создает и развертывает ваше приложение и его API-интерфейс. 

    На сегодняшний день в статических веб-приложениях Azure реализована первоклассная поддержка Blazor WebAssembly и .NET Functions в ознакомительной версии во всех регионах ее действия. Это было одним из ключевых запросов пользователей с момента объявления о выпуске статических веб-приложений на конференции Build. Вы можете разрабатывать и развертывать клиентские и бессерверные API-интерфейсы, созданные полностью на языке .NET. 

    Давайте попробуем! 

    Начало работы 


    Чтобы помочь вам приступить к работе, мы создали шаблон репозиториев GitHub, который можно использовать в качестве отправной точки для своих проектов. 

    В GitHub нажмите кнопку Использовать этот шаблон, чтобы создать новый репозиторий GitHub на основе шаблона. Присвойте ему имя (в своем примере мы используем my-blazor-app) и нажмите кнопку Создать репозиторий по шаблону. 

    В шаблоне три папки: 
    • Клиент: пример приложения Blazor WebAssembly 
    • API: API-интерфейс функций Azure на языке C#, который будет вызывать приложение Blazor 
    • Общее: библиотека классов C# с общей моделью данных, используемой приложением Blazor и функциями Azure 

    Для локального выполнения приложения запустите оба проекта: API-интерфейс и клиент. Страница «Поиск данных» в приложении Blazor запрашивает данные прогноза погоды от серверного API функций Azure и отображает их. 

    Чтобы запустить приложение из командной строки, необходимо установить Azure Functions Core Tools для используемой вами платформы. 

    Развертывание в качестве статического веб-приложения 


    Чтобы развернуть это приложение в качестве статического веб-приложения Azure, выполните вход в учетную запись Azure (Зарегистрироваться для получения бесплатной учетной записи можно здесь) и найдите Статическое веб-приложение.



    Нажмите Создать, укажите подписку, группу ресурсов и название приложения. 
    Затем выполните вход в GitHub, найдите свой репозиторий GitHub (my-blazor-app) и выберите ветвь для развертывания.



    Наконец, выберите Blazor в разделе Предустановки сборки, после чего в полях Расположение приложения, Расположение API и Расположение артефактов приложения будут автоматически введены значения Клиент, API и wwwroot. Первое и второе значения — это путь в репозитории Git, где находятся проектные файлы для приложения Blazor и Функций Azure, так что если вы изменили структуру репозитория Git, отразите изменения в этих значениях. Третье значение — это путь вывода, по которому осуществляет компиляцию Blazor, так что обновлять его не требуется. 

    Завершите работу мастера, и статические веб-приложения создадут файл рабочего потока GitHub Actions и развернут ваше приложение в Azure. 

    Сводная информация 


    Мы начали с разветвления репозитория GitHub (однако вы могли бы использовать проект, созданный в Visual Studio/Visual Studio Code и т. д.), создали статическое веб-приложение в Azure, которое затем настроило для нас рабочий процесс GitHub Actions, автоматически создав и развернув наше приложение Blazor и функции Azure. Теперь у нас есть размещенное статически приложение с бессерверной внутренней частью, готовое к масштабированию с учетом наших требований. 

    Дополнительные ресурсы 


    Чтобы узнать больше о Blazor WebAssembly и .NET Functions в статических веб-приложениях, ознакомьтесь с краткими руководствамисоответствующим модулем Microsoft Learn и полной документацией по статическим веб-приложениям

    Оставить отзыв 


    Мы рады, что Blazor WebAssembly и .NET Functions теперь поддерживаются в статических веб-приложения Azure, и ждем не дождемся ваших работ с ними. Поделитесь с нами своими отзывами на сайте GitHub.
    Microsoft
    Microsoft — мировой лидер в области ПО и ИТ-услуг

    Комментарии 0

    Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

    Самое читаемое