Latihan: Kenali alat Anda

Pengantar

Pada latihan ini, Anda akan menggunakan klien REST API Insomnia untuk membuat HTTP Request, jadi pastikan Anda telah menginstalnya di komputer Anda. Anda juga akan menggunakan Layanan Permintaan dan Respons httpbin.org. Httpbin.org adalah layanan web sumber terbuka yang memungkinkan Anda untuk membuat panggilan HTTP tanpa instalasi atau ketergantungan tambahan.

Anda akan menjelajahi berbagai fungsi yang tersedia di Insomnia seperti:

• Membuat permintaan GET
• Membuat permintaan POST dengan Data Formulir
• Membuat permintaan POST dengan Data JSON

Petunjuk

untuk memulai, buka Insomnia di perangkat lokal Anda dan buka tab berlabel DEBUG.

Jika Anda belum menginstal Insomnia, Anda dapat mengunduh file instalasinyadi https://insomnia.rest/

Membuat permintaan GET

Buka situs web https://httpbin.org/ dan klik HTTP Methods. Sebuah menu dengan metode HTTP yang berbeda akan muncul dan Anda dapat menambahkannya ke titik akhir Anda.

Langkah 1:

Pada Insomnia, klik pada ikon + di sisi kiri layar dan pilih HTTP Request dari menu tarik-turun.

Langkah 2:

Klik dua kali permintaan untuk mengubah judulnya menjadi GET request menggunakan Insomnia.

Play Video

Langkah 3:

Klik pada menu tarik-turun GET untuk melihat daftar opsi yang tersedia dan pilih kembali GET.

Perbarui titik akhir URL dengan nilai: https: //httpbin.org/get

Tekan tombol Kirim dan perhatikan keluaran JSON.

Play Video

Langkah 4:

Dari opsi tarik-turun Tubuh, pilih Formulir Multipart.

Tambahkan nilai berikut di bawah Nama baru dan Nilai baru:

• Nama baru: judul
• Nilai baru: Lord of the Rings

tekan tombol Kirim sekali lagi dan amati perubahannya.

Play Video

Perhatikan bahwa nilai Content-Length telah diperbarui untuk menyertakan perubahan.

Langkah 5:

Perbarui entri formulir dengan detail berikut ini:

• Nama baru: penulis
• Nilai baru: JRR Tolkien

Tekan tombol Kirim sekali lagi. Perhatikan bahwa Content-Length telah diperbarui.

Play Video

Langkah 6:

Anda dapat Menyaring output Anda menggunakan badan respon Filter pada bagian di sisi kanan bawah Insomnia seperti yang ditunjukkan pada gambar di bawah ini.

Tambahkan filter berikut di dalamnya:

$.origin

Ini akan memperbarui Pratinjau. Outputnya akan muncul mirip dengan apa yang ditampilkan pada gambar di bawah ini.

Langkah 7:

Ubah filter secara bertahap seperti di bawah ini, yang seharusnya menghasilkan output yang sesuai.

 $.headers

$.headers.Content-Type

Catatan: Operator titik digunakan di sini untuk menjelajahi konten output JSON. Perhatikan juga nilai Content-Type adalah form-data karena Anda memilih Multipart form.

hapus isi badan respons Filter.

langkah 8:

Sekarang batalkan pilihan untuk judul nama dan buat ulang permintaan GET.

Play Video

Perhatikan kembali perubahan pada Content-Length.

Langkah tambahan

Sekarang setelah Anda mengetahui langkah-langkah untuk membuat permintaan GET di Insomnia, Anda dapat menjelajahi pengaturan konfigurasi yang berbeda dengan mengikuti langkah-langkah yang telah dibahas agar lebih terbiasa dengan alat ini.

Buat permintaan POST dengan Data Formulir

langkah 1:

Dengan menjaga konten data formulir tetap sama, perbarui tipe permintaan menjadi POST dan perbarui titik akhir URL menjadi:

https://httpbin.org/post

Tekan tombol Kirim sekali lagi. Output akan muncul seperti di bawah ini:

Perhatikan bahwa isi formulir diperbarui di dalam keluaran untuk permintaan POST .

Langkah 2:

Jelajahi tab lain di bawah keluaran seperti Headers, Cookies dan Timeline.

Langkah 3:

Karena Anda telah memodifikasi permintaan HTTP yang sama, perbarui perubahan untuk judul permintaan di bagian kiri menjadi POST permintaan menggunakan Insomnia.

Membuat permintaan POST dengan Data JSON

langkah 1:

Sekarang selanjutnya buatlah HTTP Request lain seperti yang ada di awal dengan menekan ikon + dan memilih HTTP Request.

Langkah 2:

Perbarui tipe permintaan menjadi POST dan label permintaan sebagai:

Permintaan POST menggunakan objek JSON

Catatan: Label-label ini hanya untuk referensi dan tidak bergantung pada jenis permintaan.

Rekatkan titik akhir URL yang sama dengan yang Anda gunakan sebelumnya pada URL text-box:

https://httpbin.org/post

Tampilan yang diperbarui akan muncul seperti di bawah ini:

Langkah 3:

Di bawah opsi tarik-turun Tubuh, pilih JSON sebagai masukan teks.

Area input teks akan muncul seperti di bawah ini.

Langkah 4:

Masukkan konten berikut ini di dalam area input teks:

tekan tombol Kirim.

output untuk input JSON akan muncul seperti di bawah ini:

Perhatikan konten yang dimasukkan sebagai objek JSON di bidang data dan json di dalam output JSON.

Langkah 5:

• Tambahkan baris berikut ini ke badan respons Filter:

$.json.published.year

keluarannya adalah sebagai berikut:

• Ubah badan respons Filter sebagai berikut:

 $[json][published][day]

keluarannya adalah sebagai berikut:

Kesimpulan

Ada beberapa opsi konfigurasi di dalam Insomnia. Saat menggunakan klien REST API, ada baiknya Anda menjelajahi opsi-opsi ini. Anda juga dapat memperoleh bantuan dari layanan API gratis dan open-source lainnya yang menyediakan opsi untuk membuat panggilan API untuk mengakses data publik.