Angular Http Request – 1

Pengenalan Http Request

HTTP Request adalah cara angular untuk berkomunikasi dengan server. Server sendiri dapat berupa database service, file server atau lainnya.

Untuk keperluan tutorial ini, kita akan gunakan contoh database service.

Anatomy Http Request

Sebelum membahas lebih jauh, ada baiknya kita memahami Anatomy dari http request.

Http request menggunakan URL untuk mencapai service yang disediakan. Kita perlu mengetahui method (verb) yang akan digunakan, misalnya POST untuk menyimpan data, sementara GET untuk meminta data.

Headers umumnya ditambahkan secara default oleh browser, kita dapat menambahkan informasi lain, misalnya data yang kita kirimkan berupa format json.

Body hanya digunakan bila http verb yang digunakan adalah POST, PUT atau PATCH. Pada body disimpan data yang akan diupload.

Jadi untuk menggunakan API, Anda harus membaca dokumentasi dari penyedia jasa service. URL apa yang digunakan, verb apa yang disupport serta, format data seperti apa yang diharapkan. (kecuali memang Anda sendiri yang membuat API tersebut).

Firebase Database

Pada tutorial tidak akan dibahas pembuatan API, kita akan service yang disediakan oleh Firebase. Firebase adalah solusi gratis untuk membuat backend API service, kita dapat menyimpan data disini.

Untuk menggunakan Firebase, Anda perlu memilki Google Account.

Masuk ke console Firebase, lalu tambahkan project baru.

Kemudian buat nama project baru

Selanjutnya adalah menggunakan google analytic, pada tutorial tidak akan digunakan Google Analytic.

Lalu tekan create project. Tunggu hingga tampilan berubah seperti dibawah. Kemduian Pilih Create Realtime Database.

Pastikan pilih opsi start in test mode, agar tidak diperlukan proses authentication.

Setelah database di create, akan tampil screen dibawah. Perhatikan bagian URL. URL tersebut yang akan kita gunakan untuk melakukan http reguest.

Sampai disini kita sudah berhasil membuat database untuk keperluan tutorial. Pada modul berikutnya kita akan mulai melakukan coding.