Cipta dan laksanakan projek Blazor WebAssembly
Persekitaran
- Visual Studio
-
- Studio Visual 2019
- .NET
-
- .NET 5.0
Mendapatkan dan memasang Visual Studio
Gunakan Visual Studio untuk membangunkan projek Blazor. Ketahui cara mendapatkan dan menyediakan Visual Studio di bawah.
Langkah-langkah lain boleh membosankan, tetapi kod studio visual juga membolehkan anda berkembang. (Saya tidak akan menjelaskan di sini.)
Cipta projek Blazor WebAssembly
Pilih Visual Studio 2019 daripada menu Mula. Versi ini adalah 2019 di sini, tetapi versi kemudian juga boleh membuat projek.
Pilih Cipta projek baru.
Jika anda memasukkan "Blazor" dalam medan input carian di atas, senarai akan dipaparkan, jadi pilih "Aplikasi WebAssembly Blazor" dan klik butang "Seterusnya".
Nama projek boleh menjadi apa-apa, tetapi di sini kita adalah "BlazorWebAssemblySample". Anda boleh membuat projek di mana sahaja anda berada. Nama penyelesaian dimasukkan secara automatik, jadi anda boleh meninggalkannya seperti sedia ada.
Rangka kerja sasaran adalah ". Teras BERSIH 3.1 atau lebih baru. Berikut adalah yang terbaru ". BERSIH 5.0" dipilih. Selebihnya ditinggalkan ke seting lalai. Apabila anda selesai, klik butang "Buat".
Tetingkap studio visual utama (IDE) dipaparkan dan penciptaan projek selesai. Susun atur tetingkap mungkin berbeza-beza bergantung pada pilihan anda, tetapi ia tidak menjejaskan pembangunan.
Folder yang ditentukan mengandungi fail yang berkaitan dengan projek. Projek ini tidak menjejaskan hierarki di atas folder ini (di luar), jadi jika anda tidak lagi memerlukannya, anda boleh memadam setiap folder dan anda tidak boleh berbuat apa-apa.
Jalankan (pelaksanaan nyahpepijat)
Sedikit sampel selesai dalam keadaan penciptaan projek, jadi mungkin untuk melaksanakannya seperti itu. Klik IIS Express pada bar alat untuk menjalankannya. Pelayan web mudah "IIS Express" dicipta dalam persekitaran anda sendiri dan anda boleh menjalankan aplikasi Blazor. IIS Express ini keluar secara automatik apabila anda keluar dari penyahpepijatan.
Dengan cara ini, blazer WebAssembly debugging berjalan menggunakan pelayan web hanya untuk memuat turun aplikasi.
Selepas binaan bermula dan sejumlah masa telah berlalu, binaan selesai dan penyemak imbas web bermula. Anda akan melihat skrin Web, semuanya dilakukan oleh pelanggan (kecuali untuk mencapai sumber pelayan). Walaupun pemprosesan bahagian pelanggan untuk aplikasi web biasanya ditulis dalam Javascript, Blazor boleh menggunakan mekanisme WebAssembly untuk menciptanya dalam C #.
Berikut ialah cara meningkatkan kiraan setiap kali anda mengklik: Operasi segar semula bukan skrin ini biasanya ditulis dalam Javascript, tetapi ia juga dilaksanakan dalam C #.
Ini adalah skrin yang memuat turun fail JSON dari pelayan dan memaparkan senarai.
Hentikan pelaksanaan nyahpepijat
Jika pelayar Web dilancarkan dengan sendirinya, menutup pelayar web akan menamatkan pelaksanaan penyahpepijatan, tetapi jika anda membukanya dalam tab baru dalam pelayar Web yang telah dilancarkan, menutup tab tidak akan menamatkan larian nyahpepijat.
Jika ini berlaku, klik butang "Hentikan Penyahpepijatan" dari bar alat Visual Studio.
Akhir pembangunan
Pada asasnya, anda harus keluar dari Visual Studio seperti projek lain. Jika sebarang fail belum disimpan, pengesahan simpan dipaparkan.
Apabila anda berkembang lagi, anda boleh membuka fail "xxxxxxxx.sin" atau membuka sejarah apabila anda memulakan Visual Studio, jadi anda boleh membukanya dari sana.