HTTP isteği ve yanıtı

Web tarayıcıları, HTTP protokolünü izleyerek web siteleriyle etkileşim kurar. Bu, iletişim için standartlaştırılmış bir kural grubudur:

  • Bir web sayfasını ziyaret ettiğinizde tarayıcınız, sayfadaki kaynaklar (ör. HTML, CSS, JavaScript ve resimler) için HTTP istekleri gönderir.
  • Bir HTTP sunucusu (bir web sitesini barındıran web sunucusu), tarayıcıdan geçerli bir HTTP isteği aldığında tarayıcıya bir HTTP yanıtı ile yanıt verir.
  • İstekler ve yanıtlar, HTTP üstbilgileri olarak bilinen ek bilgiler içerebilir.

Örneğin, cats.example. sitesini ele alalım.

cats.example adlı efsanevi web sitesi.

İstek

cats.example sayfasına erişildiğinde çeşitli alanlara bir dizi istek gönderilir. Buna, cats.example üzerinde barındırılan bir resim isteği, analytics.example'den gelen bir analiz komut dosyası isteği ve diğer alanlardan ek kaynaklara yönelik diğer istekler dahildir.

HTTP istekleri, tarayıcıdan web sunucusuna ek bilgiler sağlamak için HTTP istek üst bilgileri ile desteklenebilir. Örneğin, genellikle aşağıdaki gibi başlıklar eklenir:

  • Accept-Language: en-US
    Bu üstbilgi, kullanıcının tercih ettiği dili (bu örnekte İngilizce [ABD]) belirtir.
  • User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36
    Bu başlık, kullanıcının tarayıcısı ve işletim sistemi hakkında ayrıntılar sağlar. Bu örnekte "Mozilla/5.0" (tarayıcı ailesi), "Macintosh" (işletim sistemi) ve "Chrome/127.0.0.0" (tarayıcı sürümü) bilgileri yer almaktadır.

Yanıt

Bir web sunucusu tarayıcıdan geçerli bir istek aldığında, tarayıcıya istenen kaynağı ("yük") sağlayan bir yanıt gönderir: HTML, CSS, JavaScript, resim dosyası, video veya diğer veriler. Tarayıcıdan gelen her istek istek üstbilgileri içerebileceği gibi, sunucudan gelen her yanıt da yanıt üstbilgileri içerebilir. Bu yanıt başlıkları, yükle birlikte gönderilir.

Yanıtla birlikte gönderilen bir Set-Cookie üstbilgisi, tarayıcınıza bazı metinleri (ad ve değer) depolamasını söyler. Bu, HTTP çerezi olarak bilinir. cats.example/images/cat.jpg isteğine yanıt olarak cats.example sunucusu Set-Cookie:cat=tabby üstbilgisini içerir. Bu, tarayıcıya tabby değeriyle cat adlı bir çerez depolaması talimatını verir.

Bu çerez, cats.example, adresine yapılan sonraki isteklerle birlikte gönderilir. Bu işlem, çerez süresi dolana veya kaldırılana kadar devam eder. Bu, sunucunun kullanıcıyla ilgili bilgileri birden fazla web sayfası veya oturumda tutmasına olanak tanır. Örneğin, kullanıcıya tekir kedi resmi gösterildiğini hatırlayabilir.


Header İşlem Örnek Efekt
HTTP yanıtı
Sunucudan tarayıcıya		 Set‑Cookie Web sunucusu, tarayıcınızdan bir çerez depolamasını ister. Set‑Cookie:cat=tabby Çerez, tarayıcınız tarafından depolanır ve bunu ayarlayan sunucuya yapılan sonraki isteklerde sağlanır.
HTTP isteği
Tarayıcıdan sunucuya		 Cookie Tarayıcınız bir çerez sağlar. Cookie:cat=tabby Çerez, isteğin hedefi olan sunucuya sunulur.

Demolar

Araçlar

Daha fazla bilgi