Invoking JavaScript Dari .NET Pada Blazor – Part 1

Author: · Published: September 10, 2021 · Category: Pemrograman .NET, Pemrograman C# 

Junindar

Untuk membuat aplikasi pada Blazor, kita menggunakan C# dan Razor. Razor merupakan kombinasi dari HTML dan C#. Dan output dari blazor aplikasi di eksekusi oleh .Net runtime.
Seperti kita ketahui, terdapat dua model hosting pada aplikasi blazor, yang pertama WebAssembly dan yang kedua adalah Server.

Untuk WebAssembly aplikasi dan .Net runtime berjalan pada sisi client didalam web browser. .Net runtime yang digunakan pada browser berdasarkan WebAssembly atau yang biasa disebut WASM. WASM adalah instruksi berformat binary yang dieksekusi Javascript runtime didalam browser. Jadi ini merupakan cara kerja dari Client Side hosting model pada blazor.

Browser juga memiliki browser API yang berbeda-beda, seperti Document Object Model (DOM). Dengan menggunkan DOM kita dapat mengkases dan mengganti elemen HTML pada aplikasi web. Browser API, seperti DOM ini dapat diakses dengan menggunakan JavaScript Runtime. Yang perlu diketahui, tanpa JavaScript Interop kita hanya dapat menggunakan fungsi yang hanya disediakan oleh Blazor Framework dan .Net. Lalu bagaimana jika kita ingin mengakses browser API dari code yang tidak disediakan oleh Blazor Framework? Untuk hal ini kita perlu memanggil code pada JavaScript yang akan mengakses Browser Api.

Blazor mendukung JavaScript Interoperabality (JavaScript Interop), dimana kita dapat mengakses code pada JavaScript. Dari sini dapat kita ketahui, kapan kita harus menggunakan JavaScript pada aplikasi Blazor. Dimana jika aplikasi kita menggunakan fungsi-fungsi Browser API seperti DOM, Local Storage, Online Status yang tidak disediakan oleh Blazor Framework.

Related Articles

  1. Mengakses Web Api Dari Blazor
  2. Create, Read, Update dan Delete (CRUD) Pada BLAZOR
  3. Authentication dan Authorization pada Blazor
  4. Membuat Dialog Component Pada BLAZOR
  5. Pengenalan BLAZOR
  6. JavaScript Interop Pada Aplikasi Blazor – Part 4
  7. JavaScript Interop Pada Aplikasi Blazor – Part 5
  8. MudBlazor Component Pada Blazor – Part 1
  9. Pengenalan Telegram Bot Framework Pada C#
  10. PHPMaker = {PHP Code Generator + PHP Framework + CSS dan Javascript Framework}
  11. JavaScript Interop Pada Aplikasi Blazor – Part 3
  12. Mengenal Theme di Aplikasi Web yang Dihasilkan oleh PHPMaker
  13. Aplikasi CRUD Menggunakan Framework Codeigniter dengan Teknik Scaffolding
  14. Pembuatan Aplikasi Berbasis Web dengan menggunakan HTML, CSS dan PHP
  15. Telegram Bot Framework dan Azure Open AI
  16. MudBlazor Table Pada Blazor – Part 2
  17. Pengenalan Entity Framework (EF) 6 pada Visual Basic 2013
  18. Mengenal Java Annotation
  19. Seri-1 Bootstrap: Persiapkan Dirimu!
  20. MudBlazor Input Component Pada Blazor – Part 2