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. PHPMaker = {PHP Code Generator + PHP Framework + CSS dan Javascript Framework}
  9. JavaScript Interop Pada Aplikasi Blazor – Part 2
  10. JavaScript Interop Pada Aplikasi Blazor – Part 3
  11. Aplikasi CRUD Menggunakan Framework Codeigniter dengan Teknik Scaffolding
  12. Mengenal Theme di Aplikasi Web yang Dihasilkan oleh PHPMaker
  13. Pembuatan Aplikasi Berbasis Web dengan menggunakan HTML, CSS dan PHP
  14. Pengenalan Entity Framework (EF) 6 pada Visual Basic 2013
  15. Mengenal Java Annotation
  16. Seri-1 Bootstrap: Persiapkan Dirimu!
  17. Belajar PHP dengan Framework Code Igniter
  18. Mengenal User Code di PHPMaker
  19. Membuat Windows Service dengan .Net Core
  20. DAPPER (Micro ORM) dan Stored Procedure Pada VB 2013