Pengenalan HTTP: Bahasa Percakapan Browser dan Server

Apa itu HTTP?

Setiap kali kamu membuka website, browser-mu sebenarnya sedang "ngobrol" dengan sebuah server. HTTP (HyperText Transfer Protocol) adalah bahasa yang mereka pakai untuk ngobrol itu. Browser mengirim pesan bernama request (permintaan), lalu server membalas dengan response (jawaban). Sesederhana itu.

Bayangkan kamu pesan kopi di kafe. Kamu (client) bilang ke barista (server): "satu latte panas, ya." Barista membuatkan, lalu menyerahkan kopinya ke kamu. HTTP bekerja persis seperti itu, cuma medianya kabel dan sinyal, dan "kopi"-nya adalah file HTML, gambar, atau data JSON.

Bentuk request dan response

Sebuah request HTTP minimal berisi tiga hal: method (mau ngapain), path (mau ke alamat mana), dan versi protokol. Contoh request mentah:

GET /artikel HTTP/1.1
Host: learn.omnidevv.biz.id

Server menjawab dengan status code (kode hasil), beberapa info tambahan, lalu isi kontennya:

HTTP/1.1 200 OK
Content-Type: text/html

<html>...</html>

Angka 200 artinya "oke, berhasil". Angka-angka seperti ini punya arti masing-masing, dan kita akan membedahnya di modul status code.

HTTP itu stateless

Satu konsep penting: HTTP itu stateless, artinya setiap request dianggap mandiri. Server tidak ingat request sebelumnya. Kalau kamu login lalu membuka halaman profil, browser harus "memperkenalkan diri" lagi di setiap request, biasanya lewat token atau cookie. Inilah alasan kenapa konsep autentikasi token (modul 11) itu ada.

Kenapa frontend wajib paham HTTP?

Karena sebagian besar kerja frontend modern adalah ngobrol dengan API: mengambil daftar produk, mengirim form login, mengunggah foto profil. Semua itu request HTTP. Kalau kamu paham cara kerjanya, debugging jadi jauh lebih gampang. Error di console seperti Failed to fetch atau 404 Not Found langsung kebaca maksudnya, bukan sekadar teks merah yang menakutkan.

Melihat HTTP beraksi di DevTools

Cara termudah melihat request dan response sungguhan: buka DevTools browser (F12), masuk tab Network, lalu refresh halaman. Kamu akan melihat daftar semua request: file HTML, CSS, gambar, sampai panggilan API. Klik salah satunya untuk melihat method, status code, header, dan body-nya persis seperti contoh di atas. Mulai sekarang, setiap kali ada yang aneh di websitemu, tab Network adalah tempat pertama yang dikunjungi, bukan console.log asal tembak.

Catatan teknis: HTTP biasa mengirim data tanpa enkripsi, artinya bisa diintip di tengah jalan. Versi amannya disebut HTTPS (huruf S singkatan dari Secure). Sekarang hampir semua website wajib HTTPS. Kalau suatu hari kamu membuat API sendiri, jangan pernah deploy tanpa HTTPS, apalagi kalau datanya sensitif seperti login.