Создание и выполнение проектов Blazor WebAssembly
окружающая среда
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Получение и установка Visual Studio
Используйте Visual Studio для разработки проектов Blazor. Узнайте, как получить и настроить Visual Studio ниже.
Другие шаги могут быть утомительными, но код Visual Studio также позволяет разрабатывать. (Я не буду объяснять здесь.)
Создание проекта Blazor WebAssembly
Выберите Visual Studio 2019 в меню Пуск. Версия 2019 здесь, но более поздние версии также могут создавать проекты.
Выберите Создать новый проект.
Если вы введете «Blazor» в поле ввода поиска выше, отобразится список, поэтому выберите «Blazor WebAssembly App» и нажмите кнопку «Далее».
Название проекта может быть любым, но здесь мы "BlazorWebAssemblySample". Вы можете создавать проекты, где бы вы ни находились. Имя решения вводится автоматически, поэтому его можно оставить как есть.
Целевой рамочной программой является". NET Core 3.1 или более поздней версии. Вот последнее». ВЫБРАН NET 5.0". Остальное оставлено для настроек по умолчанию. Когда вы закончите, нажмите кнопку «Создать».
Отобразится главное окно Visual Studio (IDE) и создание проекта будет завершено. Макет окна может варьироваться в зависимости от ваших предпочтений, но это не влияет на разработку.
Указанная папка содержит файлы, связанные с проектом. Проект не влияет на иерархию над этой папкой (снаружи), поэтому, если она вам больше не нужна, вы можете удалить каждую папку и ничего не делать.
Запуск (выполнение отладки)
Небольшой пример завершается в состоянии создания проекта, поэтому его можно выполнить как есть. Щелкните IIS Express на панели инструментов, чтобы запустить его. Простой веб-сервер "IIS Express" создается в вашей собственной среде, и вы можете запустить приложение Blazor. Этот IIS Express автоматически завершает работу при выходе из отладки.
Кстати, blazor WebAssembly отладочные запуски используют веб-сервер только для загрузки приложений.
После запуска сборки и истечения определенного количества времени сборка завершается и запускается веб-браузер. Вы увидите веб-экран, все из которых выполняются клиентом (за исключением доступа к ресурсам сервера). В то время как клиентская обработка веб-приложений обычно пишется на Javascript, Blazor может использовать механизм WebAssembly для их создания на C#.
Вот как увеличить количество каждый раз, когда вы нажимаете: Эти неэкранные обновленные операции обычно пишутся на Javascript, но они также реализованы на C#.
Это экран, который загружает JSON-файл с сервера и отображает список.
Остановка отладки выполнения
Если веб-браузер запускается сам по себе, закрытие веб-браузера завершит выполнение отладки, но если открыть его в новой вкладке в веб-браузере, который уже был запущен, закрытие вкладки не завершит отладочный запуск.
В этом случае нажмите кнопку "Остановить отладку" на панели инструментов Visual Studio.
Окончание разработки
По сути, вы должны выйти из Visual Studio так же, как и из любого другого проекта. Если какие-либо файлы не были сохранены, отображается подтверждение сохранения.
При повторной разработке можно открыть файл "xxxxxxxx.sin" или открыть журнал при запуске Visual Studio, чтобы открыть его оттуда.