.NetMaui (Pertemuan 5) - Menghubungkan .NetMAUI dengan Google spreatsheet

 Dalam pembelajaran kali ini kita akan mengupas apa itu API (Application Programming Interface)

Sederhananya, API itu seperti “jembatan” atau “penghubung” antar program supaya bisa saling berkomunikasi tanpa perlu tahu isi dalamnya.

secara algoritma logika sederhananya adalah sebagai berikut

Bayangkan siwa di kantin samping sekolah:

• siswa = aplikasi (misalnya aplikasi Android kamu)
• Dapur = server / sistem lain
• Pelayan = API

Siswa tidak langsung ke dapur. siswa pesan lewat pelayan (API), lalu pelayan menyampaikan ke dapur, dan membawa kembali hasilnya ke siswa. 

Biasanya API berbentuk URL:

https://api.contoh.com/siswa

Dengan method:

• GET → ambil data
• POST → kirim data
• PUT → update data
• DELETE → hapus data

untuk jelasnya kita akan membuat aplikasi .NetMAUI sebelumnya (Nis,Nama, Alamat) yang sebelumnya kita simpan di SQLLite hp kita alihkan Ke google Spreadsheet

1. Siapkan google spreadSheed kamu dan beri nama misal API MAUI SISWA  

2. Buat API google  klik👉Ekstensi 👉AppsScript

Buat Coding api Seperti Diatas lalu setting deploynya harus seperti gambar dibawah

3. silhkan ambil link yang dihasilkan

dari tahap ini persiapan API google spreeadsheet sudah kita lakukan. untuk mencobanya kita gunakan aplikasi POSTMAN

Test dengan postman gunakan http

• Klik HTTP

• Ubah Method ke POST

• Masukkan URL

Paste URL dari Apps Script google tadi:

• Masuk ke TAB "Body"

• Klik:

• 👉 Body, Lalu pilih:👉 raw, Di kanan pilih:👉 JSON

• Isi Jason dengan perintah php nya

Klik send . Perhatikan gambar postman dibawah

Lalu cek Spreadsheet di google jika berhasil maka data sudah masuk. langkah selanjutnya kita ke VB.Net 2022 untuk membuat file XAML.
Buka Visual Studio 2022 lalu Create Project dan Pilih .NET MAUI App buat Nama project: APIMAUISiswa.

3. Buat Desain Form (MainPage.xaml)

    Ganti isi MainPage.xaml:

4. Buat Coding untuk form tersebut

   

                        Penting!!! 

                        //var response = await client.PostAsync("ISI_URL_KAMU_DISINI", content);

                        perintah diatas silahkan diisi dengan URL dari script goggle kalian sendiri.

5.  Izin Internet Android

     Buka:

     

     Untuk platform ini jangan dibuka mode desaign view tetapi di mode  XML text editor

     tambahkan

     

     jadi coding penuh seperti dibawah ini

     

maka tampilan akan seperi berikut