Bagaimana Cara Kerja Web? Memahami Client, Server, dan Protokol HTTP/HTTPS

Pernahkah kamu penasaran, apa yang sebenarnya terjadi saat kamu membuka browser, mengetik google.com atau instagram.com, lalu dalam hitungan detik halaman web langsung muncul di layarmu?

Proses ini terasa seperti sihir karena terjadi sangat cepat. Padahal, di balik layar, ada serangkaian proses komunikasi yang kompleks dan melibatkan berbagai sistem yang saling bekerja sama.

Bagi kamu yang ingin terjun ke dunia web development—khususnya belajar PHP—memahami cara kerja web adalah langkah awal yang wajib dituntaskan. Yuk, kita bedah satu per satu dengan cara yang santai dan mudah dipahami!

1. Dua Aktor Utama: Client dan Server

Untuk memahami cara kerja web, bayangkan kamu sedang memesan makanan di sebuah restoran.

+-----------------+                      +-----------------+
|     CLIENT      | --- 1. Request --->  |     SERVER      |
| (Browser/Kamu)  |                      | (Dapur/Aplikasi)|
|                 | <--- 2. Response --- |                 |
+-----------------+                      +-----------------+

Client (Sisi Klien)

Client adalah pihak yang meminta informasi. Dalam dunia web, client biasanya merujuk pada Web Browser yang kamu gunakan (seperti Google Chrome, Mozilla Firefox, Safari, atau Edge) di HP atau laptopmu.

Ibarat di restoran: Client adalah Pelanggan yang duduk di meja dan melihat-lihat menu.

Server (Sisi Server)

Server adalah komputer berpesifikasi tinggi yang menyalakan program khusus (seperti Apache atau Nginx) dan menyalakan aplikasi web. Server ini aktif 24 jam nonstop untuk menyimpan file website (gambar, teks, basis data) serta memproses logika aplikasi.

Ibarat di restoran: Server adalah Dapur & Koki yang menerima pesanan, mengolah bahan makanan, dan menyajikannya kembali ke pelanggan.

2. Bahasa yang Dipahami Browser: Trias Front-End

Ketika server mengirimkan jawaban ke browser kamu, jawaban tersebut dikirim dalam bentuk tiga bahasa standar web:

• HTML (HyperText Markup Language): Tulang punggung website. Mengatur struktur konten seperti judul, paragraf, gambar, dan tombol.

• CSS (Cascading Style Sheets): Pakaian dan tata rias website. Mengatur warna, font, tata letak, dan gaya visual agar tampilan terlihat menarik.

• JavaScript: Otak interaktif di browser. Membuat elemen bisa bergerak, memproses formulir secara instan, dan menangani animasi.

Catatan Penting: Bahasa pemrogram seperti PHP tidak berjalan di dalam browser. PHP bekerja sepenuhnya di sisi Server untuk menyiapkannya menjadi paket HTML/CSS/JS sebelum dikirim ke browser kamu.

3. Alamat Web: URL, IP Address, dan DNS

Bagaimana browser tahu komputer server mana yang harus dihubungi di antara miliaran komputer di seluruh dunia?

URL (Uniform Resource Locator)

Ini adalah alamat web yang biasa kamu ketik di browser. Contoh:

[https://example.com/blog/artikel-1](https://example.com/blog/artikel-1)

• https:// $\rightarrow$ Protokol pengiriman data.

• example.com $\rightarrow$ Nama Domain (nama lokasi server).

• /blog/artikel-1 $\rightarrow$ Path atau lokasi halaman spesifik di dalam server.

IP Address & DNS

Sebenarnya, komputer tidak mengerti nama seperti example.com. Komputer berkomunikasi menggunakan deretan angka yang disebut IP Address (contoh: 142.250.190.46).

Karena manusia sulit mengingat deretan angka, diciptakanlah DNS (Domain Name System).

Analogi DNS: DNS adalah Buku Telepon Web. Saat kamu mengetik google.com, browser akan bertanya ke DNS: "DNS, tolong carikan IP Address untuk google.com!". DNS menjawab: "IP-nya adalah 142.250.190.46".

4. Aturan Komunikasi: HTTP dan HTTPS

Setelah menemukan alamat server, browser dan server harus berkomunikasi menggunakan bahasa/aturan yang sama. Aturan standar ini disebut HTTP (Hypertext Transfer Protocol).

Cara Kerja HTTP Request & Response

1. HTTP Request (Permintaan dari Client):

   Browser mengirimkan pesan ke server berisi perintah. Perintah paling umum adalah:

   • GET: Digunakan ketika kamu hanya ingin mengambil/membaca data (misal: membuka halaman artikel).

   • POST: Digunakan ketika kamu mengirimkan data ke server (misal: mengisi form login atau mengunggah foto).

2. HTTP Response (Jawaban dari Server):

   Server merespon permintaan tersebut lengkap dengan Status Code:

   • 200 OK: Pesanan berhasil, data dikirim!

   • 301 Moved Permanently: Halaman telah dipindah ke alamat baru.

   • 404 Not Found: Halaman yang kamu cari tidak ditemukan.

   • 500 Internal Server Error: Ada masalah/error pada kode di komputer server.

Apa Perbedaan HTTP vs HTTPS?

Akhiran huruf S pada HTTPS berarti Secure.

• Pada HTTP, data dikirim dalam bentuk teks polos. Jika kamu mengetik kata sandi di koneksi HTTP, peretas di jaringan Wi-Fi umum bisa mencegat dan membaca kata sandimu dengan mudah.

• Pada HTTPS, data dienkripsi menggunakan teknologi SSL/TLS. Data yang dikirim diubah menjadi acakan kode rahasia sehingga aman dari intipan pihak luar.

5. Rangkuman: Alur Lengkap Saat Kamu Membuka Website

Mari kita gabungkan semua kepingan puzzle di atas ke dalam alur urutannya:

[User Ketik URL] 
       │
       ▼
[DNS Lookup] ── (Mencari IP Address dari Domain)
       │
       ▼
[HTTP Request] ── (Browser minta halaman ke Server via IP)
       │
       ▼
[Server Process] ── (Server jalankan kode PHP & ambil data dari Database)
       │
       ▼
[HTTP Response] ── (Server kirim balik kode HTML/CSS/JS)
       │
       ▼
[Browser Render] ── (Browser menerjemahkan kode jadi tampilan visual)

Kesimpulan

Memahami alur dari permintaan (request) hingga tanggapan (response) adalah fondasi dasar bagi seorang pengembang web. Sebagai calon pengembang backend (PHP), tugas utamamu nanti berada di sisi Server: menerima request dari browser, mengolah data, lalu menghasilkan respon yang tepat.