Създаване и изпълнение на проекти на Blazor WebAssembly

Дата на създаване на страница :

околна среда

Визуално студио
  • Визуално студио 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 Ядро 3.1 или по-нова версия. Ето най-новото ". Net 5.0" е избран. Останалото е оставено на настройките по подразбиране. Когато приключите, кликнете върху бутона "Създаване".

Показва се основният прозорец на визуално студио (IDE) и създаването на проекта е завършено. Оформлението на прозореца може да варира в зависимост от вашите предпочитания, но това не влияе върху развитието.

Указаната папка съдържа файлове, свързани с проекта. Проектът не засяга йерархията над тази папка (отвън), така че ако вече нямате нужда от нея, можете да изтриете всяка папка и не можете да направите нищо.

Изпълнение (изпълнение на debug)

Малко проба е завършена в състояние на създаване на проекта, така че е възможно да го изпълни, както е. Щракнете върху IIS Express в лентата с инструменти, за да я стартирате. Прост уеб сървър "IIS Express" се създава в собствената ви среда и можете да стартирате приложението Blazor. Този IIS Express се изходи автоматично, когато излезете от отстраняването на грешки.

Между другото, отстраняване на грешки blazor WebAssembly използва уеб сървъра само за изтегляне на приложения.

След стартирането на компилацията и е изминало определено време, компилацията е завършена и уеб браузърът започва. Ще видите Уеб екран, всички от които се извършват от клиент (с изключение на достъпа до сървърни ресурси). Докато обработката от страна на клиента за уеб приложения обикновено е написана в Javascript, Blazor може да използва механизма на WebAssembly, за да ги създаде в C#.

Ето как да увеличите броя при всяко щракване: Тези неекранни освежени операции по принцип са написани на Javascript, но те се изпълняват и в C#.

Това е екранът, който изтегля файла JSON от сървъра и показва списъка.

Спиране на изпълнението на отстраняване на грешки

Ако Уеб браузърът се стартира от само себе си, затварянето на уеб браузъра ще сложи край на изпълнението на отстраняването на грешки, но ако го отворите в нов раздел в Уеб браузър, който вече е стартиран, затварянето на раздела няма да сложи край на изпълнението на отстраняването на грешки.

Ако случаят е такъв, щракнете върху бутона "Спиране на отстраняването на грешки" от лентата с инструменти на Visual Studio.

Край на развитието

По принцип трябва да излезете от Visual Studio точно като всеки друг проект. Ако не са записани някакви файлове, се показва потвърждение за записване.

Когато се развивате отново, можете да отворите файла "xxxxxxxx.sin" или да отворите историята, когато стартирате Visual Studio, така че можете да го отворите оттам.