Добре дошли в StartupHakk! Днес ще продължим нашата поредица за кодиране за предприемачи. Аз съм основател и разработчик на стартиращ бизнес и знам перфектния баланс между 2-те. Така че правя поредица от уроци по кодиране, които включват лесни проекти за стартиране, за да ви улеснят да започнете бизнеса си и да изградите нещата, от които се нуждаете. Или, ако тепърва се учите, за да можете по-ефективно да управлявате разработчици и/или изпълнители — чудесно! Без значение каква е причината, поради която се учите да кодирате — знам, че това само ще направи бизнеса ви по-добър. Така че да започваме!
Днес ще научим повече за Blazor. Ще използваме Visual Studio, за да създадем приложение, използвайки Blazor в предния край и да създадем приложение SignalR в задния край. След това ще преминем през някои примери.
Този урок учи основите на изграждането на приложение в реално време с помощта на SignalR с Blazor.
Научете как да:
- Създайте Blazor проект
- Добавете клиентската библиотека SignalR
- Добавете хъб SignalR
- Добавете услуги на SignalR и крайна точка за центъра на SignalR
- Добавете код на компонент на Razor за чат
В края на този урок ще имате работещо приложение за чат.
Интерактивен уеб интерфейс с C#
Blazor ви позволява да създавате интерактивни уеб потребителски интерфейси, като използвате C# вместо JavaScript. Приложенията Blazor са съставени от многократно използваеми компоненти на уеб интерфейса, реализирани с помощта на C#, HTML и CSS. Кодът на клиента и сървъра е написан на C#, което ви позволява да споделяте код и библиотеки.
Blazor е функция на ASP.NET, популярната рамка за уеб разработка, която разширява .NET платформата за разработчици с инструменти и библиотеки за изграждане на уеб приложения.
Стартирайте на WebAssembly или сървъра
Blazor може да изпълнява вашия клиентски C# код директно в браузъра, като използва WebAssembly. Тъй като това е истински .NET, работещ на WebAssembly, можете да използвате повторно код и библиотеки от сървърни части на вашето приложение.
Като алтернатива Blazor може да стартира вашата клиентска логика на сървъра. Събитията от потребителския интерфейс на клиента се изпращат обратно към сървъра с помощта на SignalR — рамка за съобщения в реално време. След като изпълнението приключи, необходимите промени в потребителския интерфейс се изпращат на клиента и се обединяват в DOM. Подсказка: Обектният модел на документа (DOM) е интерфейс за програмиране, който представя всички елементи на HTML страница като възли в дървовидна структура. С помощта на DOM елементите могат да се актуализират, добавят и премахват от страницата.
В крайна сметка зависи от технологията, върху която надграждате, но в тази серия ще работим върху .Net/.Net CORE. За това или искате да използвате Microsoft Visual Studio или Microsoft Visual Studio Code. И двете могат да бъдат изтеглени безплатно от официалния уебсайт както за Windows, така и за macOS.
Можете да изтеглите и двете и да видите кой отговаря на вашите нужди. В това видео ще създадем нов проект. Може да действа като ръководство за запознаване с различни аспекти на визуалното студио/код.
Visual Studio срещу Visual Studio Code
Можете да мислите за Visual Studio като решение за изрязване на бисквитки, което е пълно с функции и функционалност. Тъй като Visual Studio е много по-мощен, той работи в повечето ситуации извън кутията, докато Visual Studio Code може да се счита за негова Lite версия с много налични добавки, които в крайна сметка могат да направят двете почти идентични. Някои може дори да го смятат за „прославен текстов редактор“. За сравнение, Visual Studio изисква повече знания, за да се използва истинският му потенциал, за разлика от Visual Studio Code, който е по-удобен за начинаещи, но Visual Studio предлага по-прецизен контрол върху всичко. В крайна сметка всичко се свежда до лични предпочитания.
