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.

jun-blazor-Javascript Interop-part1Download

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 Hybrid
  6. Pengenalan BLAZOR
  7. JavaScript Interop Pada Aplikasi Blazor – Part 4
  8. JavaScript Interop Pada Aplikasi Blazor – Part 5
  9. MudBlazor Component Pada Blazor – Part 1
  10. Pengenalan Telegram Bot Framework Pada C#
  11. MudBlazor Table Pada Blazor – Part 2
  12. JavaScript Interop Pada Aplikasi Blazor – Part 3
  13. Pembuatan Aplikasi Berbasis Web dengan menggunakan HTML, CSS dan PHP
  14. Telegram Bot Framework dan Azure Open AI
  15. PHPMaker = {PHP Code Generator + PHP Framework + CSS dan Javascript Framework}
  16. Mengenal Theme di Aplikasi Web yang Dihasilkan oleh PHPMaker
  17. Aplikasi CRUD Menggunakan Framework Codeigniter dengan Teknik Scaffolding
  18. MudBlazor Table Pada Blazor – Part 3
  19. MudBlazor Input Component Pada Blazor – Part 2
  20. Xamarin Android: Membangun Aplikasi Mobile Dengan GridView