ASP.NET Core Blazor

BlazorHoş geldiniz!

Blazor sunucu tarafı işleme ve istemci etkileşimini tek bir programlama modelinde destekleyen bir .NET ön yüz web framework'üdür.

• Zengin etkileşimli arayüzler oluşturmak için C# kullanın.
• Sunucu tarafı ve istemci tarafı uygulama mantığını .NET'te yazılmış olarak paylaşın.
• Kullanıcı arayüzünü mobil tarayıcılar da dahil olmak üzere geniş tarayıcı desteği için HTML ve CSS olarak oluşturun.
• Hem masaüstü hem de mobil hibrit uygulamaları .NET ve Blazor ile oluşturun.

.NET kullanarak istemci taraflı web geliştirme için aşağıdaki avantajları sunar:

• C# dilinde yazılım geliştirme ve bakım süreçlerinde verimliliği artırabilecek kod yazın.
• Mevcut .NET .NET kütüphaneleri ekosisteminden yararlanın.
• .NET'in performans, güvenilirlik ve güvenliğinden faydalanın.
• Windows, Linux veya macOS üzerinde, Visual Studio veya Visual Studio Code gibi bir geliştirme ortamı ile verimli kalın. Modern barındırma platformlarıyla, örneğin Docker ile entegre olun.
• Ortak bir dil, framework ve araç seti üzerine inşa edin; bu set, kararlı, zengin özelliklere sahip ve kullanımı kolaydır.

Uyarı

Hızlı başlangıç eğitimi için, Blazor bölümüne bakın.

Bileşenler

Blazor uygulamalar bileşenlere dayanır. Blazor içindeki bir bileşen, bir sayfa, diyalog veya veri giriş formu gibi bir kullanıcı arayüzü (UI) unsurudur.

Bileşenler, .NET derlemelerine yerleştirilmiş .NET C# sınıflarıdır.

• Esnek UI işleme mantığını tanımla.
• Kullanıcı etkinliklerini yönet.
• İç içe geçirilebilir ve yeniden kullanılabilir.
• Razor sınıf kitaplıkları veya NuGet paketleri olarak paylaşılabilir ve dağıtılabilir.

Bileşen sınıfı genellikle bir Razor işaretleme sayfası biçiminde, .razor dosya uzantısıyla yazılır. Blazor içindeki bileşenlere, resmi olarak Razor bileşenleri, gayri resmi olarak ise Blazor bileşenleri denir. Razor HTML işaretlemesini C# kodu ile birleştirmek için geliştirici verimliliğine yönelik bir sözdizimidir. Razor size HTML işaretlemesi ile C# arasında aynı dosyada Visual Studio'da IntelliSense programlama desteğiyle geçiş yapma imkanı tanır.

Blazor UI bileşimi için doğal HTML etiketlerini kullanır. Aşağıdaki Razor işaretleme, kullanıcının bir düğmeye tıkladığında bir sayacı artıran bir bileşeni göstermektedir.

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Bileşenler, kullanıcı arabirimini esnek ve verimli bir şekilde güncelleştirmek için kullanılan işleme ağacı olarak adlandırılan tarayıcının Belge Nesne Modeli'nin (DOM) bellek içi gösterimine işlenir.

ile tam yığın web uygulaması oluşturma Blazor

Blazor Web Apps, sunucu tarafı işleme ve tam istemci tarafı etkileşimi ile bileşen tabanlı bir mimari sağlar ve bu tek bir çözümde sunar. Sunucu tarafı ve istemci tarafı işleme modları arasında geçiş yapabilir ve hatta aynı sayfada farklı modları birleştirebilirsiniz.

Blazor Web Apps, istekler karşısında sunucudan HTML içeriğini statik olarak oluşturarak tarayıcıya hızlı bir şekilde kullanıcı arayüzü iletebilir. Sayfa hızlı yükleniyor çünkü UI oluşturma, büyük bir JavaScript paketi indirmeye gerek kalmadan sunucuda hızlı bir şekilde gerçekleştiriliyor. Blazor ayrıca form gönderileriyle geliştirilmiş gezinme ve eşzamansız oluşturulan içeriğin akışkan render edilmesi gibi sunucu render işlemini aşamalı iyileştirmelerle kullanıcı deneyimini daha da iyileştirebilir.

Blazor etkileşimli sunucu tarafı oluşturmayı (etkileşimli SSR) destekler, burada kullanıcı arayüzü etkileşimleri, tarayıcı ile sunucu arasındaki gerçek zamanlı bir bağlantı üzerinden sunucu tarafından yönetilir. Etkileşimli SSR, bir istemci uygulamasından beklenen zengin kullanıcı deneyimini sunar, ancak sunucu kaynaklarına erişmek için API uç noktaları oluşturma gereğini ortadan kaldırır. Etkileşimli sayfaların sayfa içeriği önceden oluşturulur; bu içerik, sunucuda başlangıçta üretilip müşteri tarafına gönderilir ve render edilen kontroller için olay yöneticileri etkinleştirilmeden gönderilir. Sunucu, ilk isteğe yanıt olarak sayfanın HTML arayüzünü olabildiğince hızlı bir şekilde gönderir, bu da uygulamanın kullanıcılar için daha duyarlı hissetmesini sağlar.

Blazor Web App'nin istemci tarafı işleme (CSR) ile etkileşimi desteklemesi, uygulamanızla indirebileceğiniz bir WebAssembly ile oluşturulmuş .NET çalışma zamanı ile desteklenir. WebAssembly üzerinde Blazor çalıştırırken, .NET kodunuz tarayıcının tüm işlevselliğine erişebilir ve JavaScript ile etkileşimde bulunabilir. .NET kodunuz, tarayıcı güvenlik alanında, güvenlik alanının müşteri makinesindeki zararlı eylemlere karşı sağladığı korumalarla çalışır.

Blazor uygulamalar, bir sunucuya ihtiyaç duymadan tarayıcıda WebAssembly üzerinde çalışmaya tamamen odaklanabilir. Bağımsız bir Blazor WebAssembly için, varlıklar bir web sunucusuna veya statik içeriği müşterilere iletebilecek bir hizmete statik dosyalar olarak dağıtılır. İndirildikten sonra, bağımsız Blazor WebAssembly uygulamalar önbelleğe alınabilir ve Çevrimdışı Çalıştırılabilen Bir İleri Web Uygulaması (PWA) olarak kullanılabilir.

Yerel bir istemci uygulaması oluşturun Blazor Hybrid

Blazor Hybrid, web, mobil ve masaüstü platformlar için yerel ve web teknolojilerinin bir karışımıyla, yerel istemci uygulamasında Razor bileşenlerini kullanmayı sağlar. Kod, yerel bir etkileşim kanalı kullanarak gömülü bir Web View kontrolüne web UI'yi işlerken .NET sürecinde yerel olarak çalışır. WebAssembly, hibrit uygulamalarda kullanılmaz. Hibrit uygulamalar, C# ve XAML ile yerel mobil ve masaüstü uygulamaları oluşturmak için kullanılan çoklu platform çerçevesi .NET Multi-platform App UI (.NET MAUI) ile oluşturulur.

Blazor Hybrid, uygulamaları önceki teknolojiden 'ye geçirebilmek için Windows Presentation Foundation (WPF) ve .NET MAUI'u destekler.

Sonraki adımlar

Blazor Eğitici - İlk Blazor uygulamanızı oluşturunASP.NET Core Blazor desteklenen platformlar