Membuat dan melaksanakan proyek Blazor WebAssembly
lingkungan
- Visual Studio
-
- Visual Studio 2019
- .NET
-
- .NET 5.0
Mendapatkan dan menginstal Visual Studio
Gunakan Visual Studio untuk mengembangkan proyek Blazor. Pelajari cara mendapatkan dan menyiapkan Visual Studio di bawah ini.
Langkah-langkah lain bisa membosankan, tetapi kode studio visual juga memungkinkan Anda untuk berkembang. (Saya tidak akan menjelaskan di sini.)
Membuat proyek Blazor WebAssembly
Pilih Visual Studio 2019 dari menu Start. Versinya adalah 2019 di sini, tetapi versi yang lebih baru juga dapat membuat proyek.
Pilih Buat proyek baru.
Jika Anda memasukkan "Blazor" di bidang input pencarian di atas, daftar akan ditampilkan, jadi pilih "Blazor WebAssembly App" dan klik tombol "Berikutnya".
Nama proyek bisa apa saja, tapi di sini kita adalah "BlazorWebAssemblySample". Anda dapat membuat proyek di mana pun Anda berada. Nama solusi dimasukkan secara otomatis, sehingga Anda dapat meninggalkannya apa pun.
Kerangka sasarannya adalah ". NET Core 3.1 atau yang lebih baru. Berikut adalah yang terbaru". NET 5.0" dipilih. Sisanya diserahkan ke pengaturan default. Setelah selesai, klik tombol "Buat".
Jendela studio visual utama (IDE) ditampilkan dan pembuatan proyek selesai. Tata letak jendela dapat bervariasi tergantung pada preferensi Anda, tetapi tidak mempengaruhi perkembangan.
Folder yang ditentukan berisi file yang terkait dengan proyek. Proyek tidak mempengaruhi hierarki di atas folder ini (di luar), jadi jika Anda tidak lagi membutuhkannya, Anda dapat menghapus setiap folder dan Anda tidak dapat melakukan apa-apa.
Jalankan (eksekusi debug)
Sampel kecil selesai dalam keadaan pembuatan proyek, sehingga dimungkinkan untuk melaksanakannya apa pun. Klik IIS Express pada toolbar untuk menjalankannya. Server web sederhana "IIS Express" dibuat di lingkungan Anda sendiri dan Anda dapat menjalankan aplikasi Blazor. IIS Express ini keluar secara otomatis saat Anda keluar dari debugging.
By the way, blazor WebAssembly debugging berjalan menggunakan server web hanya untuk men-download aplikasi.
Setelah build dimulai dan sejumlah waktu telah berlalu, build selesai dan browser web dimulai. Anda akan melihat layar Web, yang semuanya dilakukan oleh klien (kecuali untuk mengakses sumber daya server). Sementara pemrosesan sisi klien untuk aplikasi web biasanya ditulis dalam Javascript, Blazor dapat menggunakan mekanisme WebAssembly untuk membuatnya di C #.
Berikut adalah cara untuk meningkatkan hitungan setiap kali Anda mengklik: Operasi penyegaran non-layar ini umumnya ditulis dalam Javascript, tetapi mereka juga diimplementasikan dalam C #.
Ini adalah layar yang mengunduh file JSON dari server dan menampilkan daftar.
Menghentikan eksekusi debugging
Jika browser Web diluncurkan dengan sendirinya, menutup browser web akan mengakhiri eksekusi debugging, tetapi jika Anda membukanya di tab baru di browser Web yang telah diluncurkan, menutup tab tidak akan mengakhiri laju debug.
Jika ini masalahnya, klik tombol "Stop Debugging" dari toolbar Visual Studio.
Akhir dari pembangunan
Pada dasarnya, Anda harus keluar dari Visual Studio seperti proyek lainnya. Jika ada file yang belum disimpan, konfirmasi simpan akan ditampilkan.
Ketika Anda mengembangkan lagi, Anda dapat membuka file "xxxxxxxx.sin" atau membuka sejarah ketika Anda memulai Visual Studio, sehingga Anda dapat membukanya dari sana.