ASP.NET Core Blazor

Blazor'a hoş geldiniz!

Blazor , tek bir programlama modelinde hem sunucu tarafı işlemeyi hem de istemci etkileşimini destekleyen bir .NET ön uç web çerçevesidir:

• C# kullanarak zengin etkileşimli UI'ler oluşturun.
• .NET'te yazılmış sunucu tarafı ve istemci tarafı uygulama mantığını paylaşın.
• Mobil tarayıcılar da dahil olmak üzere geniş tarayıcı desteği için kullanıcı arabirimini HTML ve CSS olarak işleyin.
• .NET ve Blazor ile karma masaüstü ve mobil uygulamalar oluşturun.

İstemci tarafı web geliştirmesi için .NET kullanmak aşağıdaki avantajları sunar:

• Uygulama geliştirme ve bakımda üretkenliği geliştirebilen C# dilinde kod yazma.
• .NET kitaplıklarının mevcut .NET ekosistemini kullanma.
• .NET'in performansı, güvenilirliği ve güvenliğinden yararlanın.
• Visual Studio veya Visual Studio Code gibi bir geliştirme ortamıyla Windows, Linux veya macOS'ta üretkenliğinizi koruyun. Docker gibi modern barındırma platformlarıyla tümleştirme.
• Kararlı, özellik bakımından zengin ve kullanımı kolay ortak bir dil, çerçeve ve araç kümesi üzerinde derleme yapın.

Not

Blazor hızlı başlangıç öğreticisi için, bkz. İlk Blazor uygulamanızı derleme.

Bileşenler

Blazor uygulamaları bileşenleri temel alır. Blazor içindeki bir bileşen, sayfa, iletişim kutusu veya veri girişi formu gibi bir kullanıcı arabirimi öğesidir.

Bileşenler, .NET derlemelerinde yerleşik olarak bulunan .NET C# sınıflarıdır:

• Esnek kullanıcı arabirimi işleme mantığını tanımlama.
• Kullanıcı olaylarını işleme.
• İç içe ve yeniden kullanılabilirdir.
• Razor sınıf kitaplıkları veya NuGet paketleri olarak paylaşılabilir ve dağıtılabilir.

Bileşen sınıfı genellikle dosya .razor uzantısına sahip bir Razor işaretleme sayfası biçiminde yazılır. Blazor içindeki bileşenler resmi olarak Razor bileşeni olarak, resmi olmayan şekilde Blazor bileşeni olarak adlandırılır. Razor, HTML işaretlemesini geliştirici üretkenliği için tasarlanmış C# koduyla birleştirmeye yönelik bir söz dizimidir. Razor, Visual Studio'da IntelliSense programlama desteğiyle aynı dosyadaki HTML işaretlemesi ile C# arasında geçiş yapmanızı sağlar.

Blazor kullanıcı arabirimi oluşturma için doğal HTML etiketleri kullanır. Aşağıdaki Razor işaretleme, kullanıcı bir düğme seçtiğinde sayacı artıran bir bileşeni gösterir.

<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 Appsunucu tarafı ve istemci tarafı işleme modları arasında geçiş yapabileceğiniz ve hatta bunları aynı sayfada karıştırabileceğiniz tek bir çözümde sunucu tarafı işleme ve tam istemci tarafı etkileşim ile bileşen tabanlı bir mimari sağlar.

Blazor Web Apps, isteklere yanıt olarak sunucudan HTML içeriğini statik olarak işleyerek kullanıcı arabirimini hızla tarayıcıya teslim edebilir. Kullanıcı arabirimi işleme, büyük bir JavaScript paketi indirmeye gerek kalmadan sunucuda hızlı bir şekilde gerçekleştirildiğinden sayfa hızlı yüklenir. Blazor ayrıca, form gönderileriyle gelişmiş gezinti ve zaman uyumsuz olarak oluşturulan içeriğin akışla işlenmesi gibi sunucu işlemeye yönelik çeşitli aşamalı geliştirmelerle kullanıcı deneyimini daha da iyileştirebilir.

Blazor, kullanıcı arabirimi etkileşimlerinin tarayıcıyla gerçek zamanlı bir bağlantı üzerinden sunucudan işlendiği etkileşimli sunucu tarafı işlemeyi (etkileşimli SSR) destekler. Etkileşimli SSR, istemci uygulamasından bekleyebileceğiniz gibi, sunucu kaynaklarına erişmek için API uç noktaları oluşturmaya gerek kalmadan zengin bir kullanıcı deneyimi sağlar. Etkileşimli sayfalar için sayfa içeriği önceden oluşturulur; burada sunucudaki içerik başlangıçta oluşturulur ve işlenen denetimler için olay işleyicileri etkinleştirilmeden istemciye gönderilir. Sunucu, uygulamanın kullanıcılara daha duyarlı hissetmesini sağlayan ilk isteğe yanıt olarak sayfanın HTML kullanıcı arabirimini mümkün olan en kısa sürede verir.

Blazor Web Apps, uygulamanızla indirebileceğiniz WebAssembly ile oluşturulmuş bir .NET çalışma zamanını kullanan istemci tarafı işleme (CSR) ile etkileşimi destekler. .NET kodunuz WebAssembly'de çalışırken Blazor tarayıcının tüm işlevlerine erişebilir ve JavaScript ile birlikte çalışabilir. .NET kodunuz, istemci makinesindeki kötü amaçlı eylemlere karşı korumalı alanın sağladığı korumalarla tarayıcının güvenlik korumalı alanında çalışır.

Blazor uygulamalar, bir sunucunun katılımı olmadan tarayıcıda WebAssembly üzerinde çalıştırmayı tamamen hedefleyebilir. Tek başına Blazor WebAssembly bir uygulama için varlıklar, istemcilere statik içerik sunma özelliğine sahip bir web sunucusuna veya hizmete statik dosyalar olarak dağıtılır. İndirildikten sonra tek başına Blazor WebAssembly uygulamalar, Aşamalı Web Uygulaması (PWA) olarak önbelleğe alınıp çevrimdışı olarak yürütülebilir.

ile yerel istemci uygulaması oluşturma Blazor Hybrid

Blazor Hybrid web, mobil ve masaüstü platformları için yerel ve web teknolojilerinin bir karışımıyla yerel istemci uygulamasında bileşenleri kullanmayı Razor etkinleştirir. Kod .NET işleminde yerel olarak çalışır ve web kullanıcı arabirimini yerel bir birlikte çalışma kanalı kullanarak ekli Web View denetime işler. WebAssembly Hibrit uygulamalarda kullanılmaz. Hibrit uygulamalar, C# ve XAML ile .NET Multi-platform App UI yerel mobil ve masaüstü uygulamaları oluşturmaya yönelik platformlar arası bir çerçeve olan (.NET MAUI) ile oluşturulur.

, Blazor Hybrid önceki teknolojiden uygulamasına geçiş yapmak için Windows Presentation Foundation (WPF) ve Windows Forms'ı .NET MAUIdestekler.

Sonraki adımlar

BlazorÖğretici - core destekli platformlar ASP.NET ilk Blazor uygulamanızıoluşturma Blazor