Упражнение. Начало работы

  • 3 мин

Служба статических веб-приложений Azure публикует веб-сайты в рабочую среду, выполняя сборку приложений из репозитория GitHub. В этом упражнении вы создадите веб-приложение с помощью Blazor из репозитория GitHub.

Создание репозитория

Сведения в этом модуле помогут вам легко создать репозиторий, используя репозиторий шаблонов GitHub. Доступен шаблон, который содержит начальное приложение, созданное с помощью Blazor.

  1. Откройте страницу создания из шаблона, чтобы попасть в репозиторий шаблонов.

    • Если появляется ошибка 404 "Страница не найдена", войдите в GitHub и попробуйте еще раз.

  2. Если нужно будет указать владельца, выберите одну из своих учетных записей GitHub.

  3. Присвойте репозиторию имя my-static-blazor-app.

  4. Статические веб-приложения Azure поддерживают как общедоступные, так и частные репозитории. Для этого упражнения установите для параметра видимости значение Открытая.

  5. Щелкните Create repository (Создать репозиторий).

Запустите приложение.

Вы только что создали репозиторий GitHub с именем my-static-blazor-app в своей учетной записи GitHub. Затем клонируйте репозиторий и запустите код локально на компьютере.

  1. В репозитории GitHub щелкните Code (Код) и выберите Open with Visual Studio (Открыть в Visual Studio) в меню. Эта команда позволяет запустить Visual Studio и клонировать репозиторий на компьютер.

    • Если установлено несколько версий Visual Studio, убедитесь, что приложение открыто в Visual Studio 2022 или более поздней версии.

  2. Откройте файл решения ShoppingList.sln.

    Screenshot showing where to open the shopping list solution.

  3. Наконец запустите клиентское приложение, выбрав Client в качестве запускаемого проекта и запустив отладчик.

    Screenshot showing the client project selected.

Перейдите к своему приложению.

Теперь посмотрим, как ваше приложение работает в локальном режиме. Visual Studio открывает веб-сайт в браузере по умолчанию.

Screenshot showing the UI of your web app.

В приложении должно быть указано Идет загрузка данных..., так как данных или API у него еще нет. Вы добавите API для веб-приложения позже в этом модуле.

Теперь остановите свое запущенное приложение, завершив сеанс отладки в Visual Studio.

Следующие шаги

Вы собрали приложение, и теперь оно выполняется локально в браузере.

Затем вы опубликуете приложение в Статические веб-приложения Azure.