Статические веб-приложения 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.