November 15, 2021

JavaScript Interop Pada Aplikasi Blazor – Part 5

Pada artikel sebelumnya telah kita bahas bagaimana melakukan invoke baik dari .Net maupun Javascript, dan dilanjutkan dengan menggunakan API pada browser. Semuanya dilakukan didalam satu project. Pada pembahasan kali ini kita akan membuat Razor Class Library dimana pada Class Library ini kita gunakan invoke pada .Net Method. Sebelumnya pastikan untuk menyelesaikan latihan-latihan pada artikel sebelumnya (Part 1-4). Razor Class Library adalah ASP.NET Core Library yang berisi page, view, view component dan fungsi-fungsi web application lainnya dengan kode nya masing-masing. Seperti library pada umumnya, library tidak berjalan secara independen tetapi digunakan oleh aplikasi lainya untuk memanfaatkan fungsi-fungsi pada library tersebut. Razor Class Library memudahkan dalam berbagi funsgi code pada web aplikasi dengan element UI. Selain itu manfaat dari Razor Class Library kita dapat menggunakannya pada multiple project, tanpa harus membuat ulang fungsi-fungsinya (Reusable). 

Pada artikel ini kita akan membuat sebuah komponen yang berfungsi untuk menampilkan indikator apakah browser online atau offline, seperti pada gambar dibawah ini.


Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih



Wassalam

November 9, 2021

JavaScript Interop Pada Aplikasi Blazor – Part 4

Pada artikel sebelumnya telah dibahas bagaimana melakukan invoke .Net method dari javascript. Untuk artikel ini akan dilanjutkan dengan integrasi browser API pada Blazor APP. Salah satu browser API yang akan menjadi studi kasus kita adalah web storage.

Apa itu web storage? Web Storage adalah tempat penyimpanan data pada local browser. Sebelum adanya HTML5,  data pada aplikasi yang disimpan pada local browser menggunakan cookie. Dengan menggunkan Web Storage, kita dapat menyimpan data lebih besar dan lebih aman tanpa mempengaruhi kinerja dari aplikasi. Terdapat dua tipe dari web storage, yang pertama localStorage dan yang kedua adalah sessionStorage.

Untuk localStorage data yang disimpan tidak memiliki expiry date, dan data tidak akan dihapus walaupun browser telah ditutup.  


Untuk artikel selengkapnya dapat di download disini. Sedangkan untuk memudahkan dalam memahami isi artikel, maka penulis juga menyertakan dengan full source code project latihan ini, dan dapat di download disini.

Terima kasih


Wassalam