Invoking JavaScript Dari .NET Pada Blazor – Part 1

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. 

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

Mengakses Web Api Dari Blazor

 

API adalah kepanjangan dari Application Programming Interface yang digunakan perangkat lunak untuk mengakses data, perangkat lunak server atau aplikasi lain dan telah ada selama beberapa waktu.

Sederhananya, API adalah perantara perangkat lunak yang menjembatani dua aplikasi untuk berbicara satu sama lain. Katakanlah API sebagai penerjemah antara dua orang yang tidak berbicara dengan bahasa yang sama, tetapi dapat berkomunikasi menggunakan perantara API.

API dapat digunakan pada sistem berbasis web, sistem operasi, sistem basis data, dan perangkat keras komputer.

Blazor adalah Web Framework yang bersifat Open Source dimana aplikasi Web yang bersifat client-side interactive dapat dikembangkan dengan menggunakan .Net (C#) dan HTML. Pada saat ini C# biasa digunakan untuk melakukan proses back-end dari aplikasi web. Dengan menggunakan fitur baru dari ASP.NET Core yaitu Blazor, kita dapat membangun interactive WEB dengan menggunakan C# dan .NET .

Code .Net berjalan pada WebAssembly, yang artinya kita dapat menjalankan “NET“ didalam browser (Client) tanpa harus menginstall plugin seperti Silverlight, Java mapun Flash.

Artikel ini akan membahas bagaimana melakukan request pada Web API dari blazor.

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

Ebook - ASP.NET CORE: Membangun Web API Lebih Mudah dan Cepat

 

Buku ini membahas bagaimana membangun Web API dengan menggunakan ASP.NET Core. Dimana metode yang digunakan untuk menjelaskan pembahasan pada setiap bagian disertakan file pendukung untuk memudahkan dalam pemahaman para pembaca

Topik-topik yang dipilih dalam pembahasan, cocok baik untuk pemula maupun yang sudah berkecimpung lama dalam dunia pemograman. Penjelasan meliputi dari awal dimulai dari pengenalan ASP.NET Core, Entity Framework Core (EF Core) dan cara membangun Web API. 

Salah satu kelebihan buku ini adalah, setiap topik akan disertai dengan latihan, sehingga pembaca akan seperti dibimbing secara langsung oleh seorang Trainner. 

Buku ini bisa didapatkan disini 

Terima kasih

Wassalam

Open API/Swagger pada WEB API (ASP.NET CORE)

Dokumentasi termasuk hal penting dalam membangun sebuah aplikasi. Sebagai contoh jika kita telah membuat sebuah web api yang akan digunakan oleh beberapa developer, tentunya developer-developer tersebut akan selalu bertanya kepada kita tentang setiap fungsi yang ada pada web api kita tersebut. Untuk menghidari komunikasi yang berulang-ulang, sebaiknya kita buat sebuah dokumentasi agar memudahkan para developer yang akan menggunakan web api kita.  Pada webapi kita dapat menggunakan Swagger/Open Api sebagai alat untuk membuat dokumentasinya.

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 

WEB API VERSIONING (ASP.NET CORE)

 

Pada saat web api telah dipublish dan digunakan oleh user, seringkali terjadi request untuk perubahan requirement maupun logic dari web api yang telah dibuat. Sementara web api dengan requirement yang lama masih digunakan. Jika mengalami situasi seperti ini, cara yang tepat adalah melakukan versioning pada web api, sehingga kita tidak perlu menghetikan layanan pada web api. Yang perlu diperhatikan versioning pada web api tidak sama dengan product versioning. 

Pada API versioning kita juga harus mempertimbangkan bagaimana web api ini dapat melayani baik pengguna lama maupun yang baru. Sehingga code yang kita buat support untuk semua versi yang ada.

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 

Membuat proses CRUD pada WEB API (ASP.NET CORE)

Seperti pada aplikasi pada umumnya, pada webapi kita dapat juga membuat proses CRUD. Pada latihan sebelumnya telah dijelaskan bagaimana melakukan filtering dan searching pada webapi. Seperti pada latihan-latihan sebelumnya artikel ini akan mengajak pembacanya untuk mempraktekan langsung kedalam project pada Visual Studio. Pastikan sebelumnya sudah membaca artikel-artikel terdahulu, agar lebih mengerti konsep webapi pada artikel 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

Filtering dan Searching pada WEB API (ASP.NET CORE)

Filter adalah proses pengambilan data dengan menyeleksi atau menyaring berdasarkan suatu criteria tertentu. . Sebagai contoh kita ingin mendapatkan seluruh data buku dengan Penerbit-nya adalah “Ebookuid” atau “Skripta”. Maka kita akan mengirimkan value (“Ebookuid” atau “Skripta”) untuk field Penerbit dan mengambil data yang sama dengan value.
Search adalah proses pencarian data dengan menggunakan keyword. Search cakupan-nya jauh lebih luas. Sebagai contoh kita mencari kata “Visual” pada table Books. 

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