Specijalizacija za Blazor
ProCoding je .NET studio iz Splita, Hrvatska (EU). Naš Blazor kod pomaže u proizvodnji najbržih električnih automobila na svijetu, upravlja baterijskim spremnicima i solarnim elektranama i vodi iznajmljivanje smještaja na Jadranu.
Vlado Pandžić · Osnivač · Senior .NET arhitekt
14 godina u .NET-u. Vodeći backend inženjer u Bugatti Rimcu od 2020. do 2024. Razgovarate izravno s njim.
@page "/orders"@rendermode InteractiveServer@inject IOrderService Orders <QuickGrid Items="orders" Virtualize="true"> <PropertyColumn Property="o => o.Number" Title="Order" Sortable="true" /> <PropertyColumn Property="o => o.Customer" /> <PropertyColumn Property="o => o.Total" Format="N2" /></QuickGrid> @code { IQueryable<Order>? orders; protected override async Task OnInitializedAsync() => orders = (await Orders.GetOpenAsync()).AsQueryable();}Nisu demo aplikacije. Sustavi na kojima tvornice, elektrane i turističke tvrtke rade svaki dan.
Softver za kalibraciju i dijagnostiku uz koji se proizvode najbrži serijski električni automobili na svijetu. Blazor web aplikacija koja radi uz desktop alate na proizvodnoj liniji.
Softver koji upravlja baterijskim spremnicima i solarnim elektranama: kada puniti, kada prazniti i koliko to donosi. Izgrađen na .NET-u 9 s Blazor sučeljem.
Back office koji pokreće platformu za iznajmljivanje smještaja na Jadranu: objekti, cijene i rezervacije, u Blazoru na postojećem .NET sustavu.
Portal za korisnike s više od 1.300 Blazor komponenti, kroz koji proizvođači prate ispitivanja i certifikate svojih proizvoda.
Svaki ima definiran rezultat, pa znate što plaćate prije nego krenemo.
Za kogaTimove s Blazor aplikacijom koja je spora, nestabilna ili ju je teško mijenjati.
Popis popravaka po prioritetu, sigurnosne nalaze i razgovor s vašim timom na kojem sve prođemo.
Za kogaTvrtke koje koriste ASP.NET Web Forms i trebaju put naprijed bez zaustavljanja poslovanja.
Plan migracije s rasponom procijenjenog truda, fazama i rizicima.
Za kogaTimove koji grade u Blazoru i žele senior inženjera na raspolaganju.
Mjesečni blok sati, iskorišten za ono što je taj mjesec najvažnije.
Spore Blazor aplikacije rijetko su krivnja Blazora. Gotovo uvijek je u pitanju jedno od ovih pet.
Prevelike komponente, nedostajući @key u listama i prečesto pozivan StateHasChanged. Rješava se razdvajanjem komponenti i kontrolom ShouldRender.
Deseci tisuća redaka renderiranih odjednom. Virtualize i straničenje na serveru vraćaju ih na trenutno.
Prerendering pokreće OnInitializedAsync dvaput. Sačuvano stanje komponente uklanja drugi poziv.
Event handleri i timeri koji se nikad ne oslobode drže circuite živima. IDisposable i ispravni životni vijek servisa zaustavljaju curenje.
Prekinuti SignalR circuiti na nepouzdanim mrežama. Upravljanje ponovnim spajanjem i pravi način renderiranja za svaku stranicu.
Stara aplikacija i dalje zarađuje dok se ekrani prebacuju jedan po jedan. Bez velikog jednokratnog izdanja i bez zamrznutog razvoja.
Svaki ekran, kontrola, izvještaj i ovisnost, s označenim rizičnim dijelovima.
Reverse proxy (YARP) usmjerava svaki URL na staru ili novu aplikaciju. System.Web adapteri dijele prijavu i sesiju između njih.
Svaki ekran se izgradi iznova u Blazoru, obično kao Interactive Server, i prebaci kad je spreman.
Kad se prebaci zadnji ekran, Web Forms aplikacija se povlači.
Web Forms
<asp:GridView ID="OrdersGrid" runat="server" AutoGenerateColumns="false" OnRowCommand="OrdersGrid_RowCommand"> <Columns> <asp:BoundField DataField="Number" HeaderText="Order" /> <asp:BoundField DataField="Total" HeaderText="Total" DataFormatString="{0:N2}" /> <asp:ButtonField CommandName="Approve" Text="Approve" /> </Columns></asp:GridView>Blazor
<QuickGrid Items="orders"> <PropertyColumn Property="o => o.Number" Title="Order" /> <PropertyColumn Property="o => o.Total" Format="N2" /> <TemplateColumn> <button @onclick="() => Approve(context)">Approve</button> </TemplateColumn></QuickGrid>U .NET-u 10 svaka stranica može koristiti drugi način renderiranja. Ovo je naš zadani izbor za poslovne aplikacije.
| Način renderiranja | Koristite ga za | Izbjegavajte ga kad |
|---|---|---|
| Statičko renderiranje na serveru | Stranice koje se uglavnom čitaju, izvještaje, sve što se mora učitati odmah i biti indeksirano. | Stranica treba bogatu interakciju bez punog ponovnog učitavanja. |
| Interactive ServerNaš zadani izbor | Interne poslovne ekrane na pouzdanoj mreži. Naš zadani izbor za poslovne aplikacije. | Korisnici su na nepouzdanim vezama ili ih je istovremeno više tisuća. |
| Interactive WebAssembly | Rad bez veze, korisnike s velikom latencijom ili zahtjevnu obradu na klijentu. | Bitno je brzo prvo učitavanje ili kod mora ostati na serveru. |
| Interactive Auto | Javne aplikacije koje trebaju brzo prvo učitavanje, a kasnije rade u pregledniku. | Ne želite održavati kod koji radi na oba mjesta. |
Zato ova stranica nije izgrađena u Blazoru: to je marketinška stranica, pa je statični HTML bolji alat. Vaš sustav za narudžbe je druga priča.
Alati
Jest. Blazor je dio ASP.NET Corea i izlazi sa svakom verzijom .NET-a, a .NET 10 je izdanje s dugoročnom podrškom do studenog 2028. Microsoft nastavlja ulagati u njega, s načinima renderiranja u .NET-u 8 i daljnjim poboljšanjima od tada. Rizici u stvarnim projektima su arhitektonske odluke, a ne nestanak frameworka.
Za interne poslovne aplikacije Interactive Server na većini ekrana i statičko renderiranje za stranice koje se samo čitaju. WebAssembly kad su korisnici bez veze ili daleko, Auto kad javna aplikacija treba brzo prvo učitavanje. Pogledajte tablicu iznad.
Možemo. Web Forms radi samo na .NET Frameworku 4.8, koji dobiva sigurnosne popravke, ali ne i nove mogućnosti. Migracija ide ekran po ekran iza reverse proxyja, pa stara aplikacija radi dok se ne prebaci zadnji ekran.
Za poslovne aplikacije koje grade .NET timovi često jest: jedan jezik, zajednički modeli i bez zasebnog frontend stacka. Za javne aplikacije s puno sadržaja ili potrošačke aplikacije React ima veći ekosustav. Reći ćemo vam što odgovara.
WPF ako aplikacija mora ostati Windows desktop aplikacija. Blazor ako joj korisnici trebaju pristupati iz preglednika. Blazor Hybrid može iste komponente pokretati i unutar desktop aplikacije.
Obično zbog jednog od pet razloga: nepotrebna ponovna renderiranja, tablice bez virtualizacije, podaci učitani dvaput tijekom prerenderinga, memorija servera koja stalno raste ili SignalR koji odustane od WebSocketa. Health check pronalazi koji se od njih odnose na vas.
Health check i procjena migracije imaju fiksnu cijenu, dogovorenu nakon 30-minutnog razgovora. Razvoj se naplaćuje po satu ili kao mjesečni blok sati.
Da. Često je najkorisnije pridružiti se postojećem timu na nekoliko tjedana, pregledati arhitekturu i pomoći postaviti konvencije.
30-minutni razgovor je dovoljan da vidimo možemo li pomoći i koji bi trebao biti prvi korak.
Dogovorite 30-minutni razgovor →Korisno poslati uz poruku