Instalasi ASP.NET Core 3.1 dan Blazor Extensions pada Windows

Panduan Pemula

ASP.NET Core adalah framework (kerangka kerja) web open-source yang dikembangkan oleh Microsoft. Sebagai penerus ASP.NET, ASP.NET Core menyatukan ASP.NET MVC dan ASP.NET Web API yang sebelumnya terpisah menjadi sebuah model pemrograman tunggal dan dapat dijalankan di Windows, Mac, atau Linux.

Blazor adalah framework untuk membangun UI (user interface ‘antarmuka pengguna’) web sisi klien. Untuk membangun aplikasi web dengan UI interaktif yang kaya dan dinamis, Blazor menggunakan C# tanpa harus menggunakan JavaScript. Aplikasi Blazor terdiri atas komponen UI web yang dapat digunakan kembali yang diimplementasikan menggunakan C#, HTML dan CSS. Kode klien dan server ditulis dalam C#, sehingga dimungkinkan untuk berbagi kode dan pustaka.
Blazor extensions adalah kumpulan komponen yang digunakan untuk memperluas framework Blazor ASP.NET Core.

Membangun aplikasi dengan memanfaatkan Blazor extensions memerlukan instalasi perangkat lunak berikut:

1. IDE (Integrated Development Environment ‘lingkungan pengembangan terpadu ‘). Pilihannya adalah salah satu dari edisi Visual Studio (Community, Professional, Enterprise) atau Visual Studio Code. Dalam tulisan ini, yang dipilih adalah Visual Studio Community 2019 yaitu edisi gratis untuk komunitas pengembang.
2. Blazor Extensions. Ekstensi Blazor adalah kumpulan komponen yang digunakan untuk memperluas framework Blazor ASP.NET Core.

Instalasi Visual Studio Community 2019

Visual Studio 2019 adalah salah satu IDE, digunakan untuk mengedit, mengompilasi, menguji dan menjalankan kode program. Berikut adalah tahapan instalasinya.

1. Unduh versi terbaru Visual Studio di sini.

• Pilih versi Community 2019, selanjutnya muncul layar Save As.

• Klik Browse Folders untuk menentukan folder penyimpanan file instalasi.
• Pilih Save⏎

2. Lakukan instalasi Visual Studio.
• Klik ganda file instalasi yang sudah diunduh.
• Pada layar konfirmasi, pilih Yes. Tampil layar berikut.

• Klik Continue untuk melanjutkan.
• Pilih fitur yang akan diinstal sebagaimana nampak pada layar berikut.

• Selanjutnya pilih Install.
• Muncul layar status yang menunjukkan kemajuan instalasi.

• Setelah instalasi selesai, tampil layar berikut.

• Pilih Restart untuk memboot ulang komputer.

3. Bila dipandang perlu, buat shortcut untuk menjalankan Visual Studio.
• Pilih menu Start atau tekan kunci Windows.

• Klik kanan menu Visual Studio 2019.
• Pilih Pin to Start untuk membuat shortcut di menu Start,
• dan atau pilih More|Pin to taskbar untuk membuat shortcut di taskbar.

Catatan
Setelah instalasi selesai, fitur lain yang belum terpasang dapat diinstal kapan pun dengan salah satu dari dua cara berikut:
(1) klik ganda file instalasi yang sudah diunduh, atau
(2) buka Visual Studio, pilih menu: Tools|Get Tools and Features

Untuk mengetahui versi dan fitur yang diinstal, jalankan Visual Studio, pilih menu Help|About Microsoft Visual Studio

Instalasi Blazor Extensions

Ekstensi Blazor adalah kumpulan komponen yang digunakan untuk memperluas framework Blazor ASP.NET Core. Ada baiknya terlebih dahulu melakukan pengecekan ekstensi Blazor yang sudah terpasang. Setelah itu, baru memilih, mengunduh dan menginstal ekstensi Blazor.

1. Cek ekstensi Blazor yang sudah terpasang.
   • Jalankan Visual Studio, pilih menu Extensions|Manage Extensions
• Muncul layar Manage Extensions berikut.

• Klik Installed, lalu pada kotak teks Search, ketikkan blazor⏎
• Gambar di atas menunjukkan belum ada ekstensi Blazor yang terpasang.

2. Memilih dan mengunduh ekstensi Blazor.

• Klik Online, lalu pada kotak teks Search, ketikkan blazor⏎
• Gambar di atas menunjukkan daftar ekstensi Blazor yang siap diinstal.
• Pilih ekstensi Blazor sesuai kebutuhan. Misalnya, Blazor_CRUD_Template.
• Untuk mengetahui lebih lanjut ekstensi yang dipilih, klik More Infromation.
• Tampil web berikut.

Selain memberikan informasi, web juga memberikan contoh penggunaan ekstensi tersebut. Selanjutnya, bila ekstensi tersebut memang sesuai dengan kebutuhan, klik Download untuk mengunduhnya.

3. Instal ekstensi Blazor.
• Tutup Visual Studio, muncul layar VSIX Installer

• Klik tombol Modify untuk melakukan proses instalasi.

• Proses instalasi selesai seiring dengan munculnya layar berikut.

• Bila perlu, cek ekstensi Blazor terpasang seperti pada langkah (1).

Semoga berfaedah.

Referensi

Introduction to ASP.NET Core Blazor

Install Visual Studio

Find and install extensions - Visual Studio

Microsoft Blazor