Blazor sekarang dalam pratinjau resmi

Dengan rilis Blazor terbaru ini, kami senang mengumumkan bahwa Blazor sekarang dalam pratinjau resmi! Blazor tidak lagi eksperimental dan kami berkomitmen untuk mengirimkannya sebagai kerangka kerja UI web yang didukung termasuk dukungan untuk menjalankan sisi klien di browser di WebAssembly.

Sedikit lebih dari setahun yang lalu kami memulai proyek eksperimental Blazor dengan tujuan membangun kerangka UI web klien berdasarkan .NET dan WebAssembly. Pada saat itu Blazor sedikit lebih dari prototipe dan ada banyak pertanyaan terbuka tentang kelangsungan menjalankan .NET di browser. Sejak itu kami telah mengirimkan sembilan rilis Blazor eksperimental untuk mengatasi berbagai masalah termasuk model komponen, pengikatan data, penanganan acara, perutean, tata letak, ukuran aplikasi, model hosting, debugging, dan tooling. Kami sekarang pada titik di mana kami pikir Blazor siap untuk mengambil langkah selanjutnya.

Menyederhanakan penamaan dan versi

Untuk sementara, kami telah menggunakan terminologi Komponen Cukur dalam beberapa kasus, dan Blazor dalam kasus lain. Ini terbukti membingungkan, jadi setelah banyak umpan balik dari komunitas, kami memutuskan untuk menghapus nama ASP.NET Core Razor Components , dan kembali ke nama Blazor sisi-server sebagai gantinya.

Ini menekankan bahwa Blazor adalah model aplikasi klien tunggal dengan beberapa model hosting:

• Blazor sisi-server berjalan di server melalui SignalR
• Sisi Klien Blazor menjalankan sisi klien di WebAssembly

... tetapi bagaimanapun juga, ini adalah model pemrograman yang sama. Komponen Blazor yang sama dapat di-host di kedua lingkungan.

Juga, karena Blazor sekarang menjadi bagian dari .NET Core, versi paket Blazor sisi klien sekarang sejajar dengan versi .NET Core 3.0. Misalnya, nomor versi dari semua paket pratinjau yang kami kirim hari ini adalah 3.0.0-preview4-19216-03 . Kami tidak lagi menggunakan nomor versi 0.x terpisah untuk paket Blazor sisi klien.

Apa yang akan dikirim kapan?

• Blazor sisi-server akan dikirimkan sebagai bagian dari .NET Core 3.0. Ini sudah diumumkan Oktober lalu.
• Blazor sisi-klien tidak akan dikirimkan sebagai bagian dari rilis awal .NET Core 3.0, tetapi kami sekarang mengumumkan bahwa ia berkomitmen untuk dikirimkan sebagai bagian dari rilis .NET Core yang akan datang (dan karenanya tidak lagi merupakan "percobaan").

Dengan setiap rilis pratinjau dari .NET Core 3.0, kami akan terus mengirimkan rilis pratinjau dari server dan Blazor sisi klien.

Rilis pratinjau hari ini

Fitur baru dalam rilis pratinjau ini:

• Template diperbarui untuk menggunakan ekstensi file .razor
• _Imports.razor
• Cakupan komponen dengan @using
• Templat item komponen baru
• Ikon pisau cukur baru
• Dukungan Blazor dalam Visual Studio Code

Lihat pengumuman ASP.NET Core 3.0 Preview 4 untuk perincian tentang peningkatan ini. Lihat juga catatan rilis Blazor untuk detail tambahan tentang rilis pratinjau ini.

Dapatkan pratinjau Blazor

Untuk memulai dengan pratinjau Blazor, instal yang berikut ini:

1. .NET Core 3.0 Pratinjau 4 SDK (3.0.100-preview4-011223)

2. Templat Blazor pada baris perintah:

   
   

    dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview4-19216-03 

3. Visual Studio 2019 Pratinjau dengan ASP.NET dan beban kerja pengembangan web dipilih serta ekstensi Blazor terbaru dari Visual Studio Marketplace, atau Visual Studio Code dengan ekstensi C # terbaru (sekarang dengan dukungan Blazor! ).

Anda dapat menemukan instruksi memulai, dokumen, dan tutorial untuk Blazor di halaman rumah Blazor kami yang baru di blazor.net .

Tingkatkan ke pratinjau Blazor:

Untuk meningkatkan aplikasi Blazor yang ada ke pratinjau Blazor yang baru, pertama-tama pastikan Anda telah menginstal prasyarat yang tercantum di atas, lalu ikuti langkah-langkah ini:

• Perbarui semua Microsoft.AspNetCore.Blazor. * Paket referensi ke 3.0.0-preview4-19216-03.
• Hapus referensi paket apa pun ke Microsoft.AspNetCore.Components.Server.
• Hapus DotNetCliToolReference ke Microsoft.AspNetCore.Blazor.Cli dan ganti dengan referensi paket ke Microsoft.AspNetCore.Blazor.DevServer.
• Dalam proyek Blazor klien hapus properti <RunCommand>dotnet</RunCommand> dan <RunArguments>blazor serve</RunArguments> .
• Dalam proyek Blazor klien tambahkan properti <RazorLangVersion>3.0</RazorLangVersion> .
• Ganti nama semua file _ViewImports.cshtml menjadi _Imports.razor .
• Ganti nama semua file .cshtml yang tersisa menjadi .razor.
• Ganti nama components.webassembly.js menjadi blazor.webassembly.js
• Hapus semua penggunaan Microsoft.AspNetCore.Components.Services namespace dan ganti dengan Microsoft.AspNetCore.Components sesuai kebutuhan.
• Perbarui proyek server untuk menggunakan perutean titik akhir:

 // Replace this: app.UseMvc(routes => { routes.MapRoute(name: "default", template: "{controller}/{action}/{id?}"); }); // With this: app.UseRouting(); app.UseEndpoints(routes => { routes.MapDefaultControllerRoute(); }); 

• Jalankan dotnet clean pada solusi untuk menghapus deklarasi Razor lama.

Halaman komunitas Blazor sekarang Awesome Blazor

Sebagai bagian dari memperbarui situs Blazor , kami telah memutuskan untuk menghentikan halaman komunitas Blazor dan sebagai gantinya mengarahkan orang-orang ke situs Awesome Blazor yang digerakkan oleh komunitas. Terima kasih Adrien Torris karena memelihara daftar sumber daya Blazor yang benar-benar “luar biasa” ini!

Cobalah pratinjau penawaran Blazor UI dari Telerik, DevExpress, dan Syncfusion

Blazor mendapat manfaat dari komunitas yang aktif dan suportif yang telah berkontribusi semua jenis aplikasi sampel, komponen, dan perpustakaan ke ekosistem Blazor. Vendor komponen yang baru-baru ini populer seperti Telerik , DevExpress , dan Syncfusion telah bergabung dalam pratinjau yang menyenangkan dan dikirimkan dari komponen Blazor UI. Kami mendorong Anda untuk mencoba penawaran Blazor UI ini dan memberi tahu mereka apa yang Anda pikirkan.

Berikan umpan balik

Kami harap Anda menikmati rilis preview Blazor terbaru ini. Seperti rilis sebelumnya, umpan balik Anda penting bagi kami. Jika Anda mengalami masalah atau memiliki pertanyaan saat mencoba Blazor, ajukan masalah pada GitHub . Anda juga dapat mengobrol dengan kami dan komunitas Blazor di Gitter jika Anda buntu atau membagikan bagaimana Blazor bekerja untuk Anda. Setelah Anda mencoba Blazor sebentar, beri tahu kami pendapat Anda dengan mengikuti survei produk kami. Klik tautan survei yang diperlihatkan di halaman beranda aplikasi ketika menjalankan salah satu templat proyek Blazor:

Terima kasih telah mencoba Blazor!

Daniel Roth

Manajer Program Utama, ASP.NET