Web nasıl çalışır, Bölüm II: Bir URL'yi ziyaret ettiğinizde ne olur?

Yayınlanan: 2016-12-06

Bir önceki gönderide, Web'in nasıl ortaya çıktığından bahsetmiştik. Bu gönderide, bir gezintiye çıkacağız ve tarayıcınızla bir URL'yi ziyaret ettiğinizde ne olduğunu göreceğiz. Ayrıca Web'de kullanılan çağdaş teknolojilere ve bunların nasıl birbirine uyduğuna da bir göz atacağız.

Enter düğmesine bastığınız andan bir web sayfasını görüntülediğiniz zamana kadar ilgili teknolojiler çoktur. Önceki yazımızda Köprü Metni ve HTTP hakkında konuştuk, ancak bu sadece başlangıçtı:

Web sunucuları (apache2 ve nginx gibi), web tarayıcılarının web verilerini bağlamasını, istemesini ve almasını sağlayan diğer bazı işlevlerle birlikte HTTP protokolünü uygular. HTTP, mesajların, web sayfalarının, resimlerin ve kaynakların bir web sunucusu ile bir tarayıcı arasında "gezindiği" kanaldır.

Modern web oldukça talepkar ve modern web sunucuları bu zorluğun üstesinden geldi. Ölçeklenebilirlik ve güvenlik, günümüz dünyasının iki ana kaygısıdır. Modern web sunucuları yüksek düzeyde ölçeklenebilirdir (10.000'den fazla eşzamanlı bağlantıyı yönetebilir), yük dengeleme için birden fazla seçenek sunar, SSL/TLS ve HTTP/2'yi destekler. HTTP/2'nin HTTP/1.1'e göre en önemli gelişimi, şüphesiz, üstün paket akış yönetimidir. Video akışı bugün yaygındır ve HTTP/1.1, günümüzün tüm farklı cihazlarının, ağ kapasitelerinin ve çevrimiçi Web kullanıcılarının miktarının ihtiyaçlarını yeterince karşılayamaz.

HTML (Köprü Metni İşaretleme Dili), web tarayıcınız tarafından anlaşılabilen yapılandırılmış Köprü Metni belgelerini temsil etmek için etiketleri kullanan bir dildir.

En yeni enkarnasyonu HTML5, birçok dil geliştirmesi ve temizleme getirdi, ancak en etkileyici eklemeler yerel video ve ses desteği, 2D ve 3D grafikler ve yerel veritabanı depolamasıydı. Bu iyileştirmeler, Flash ve Silverlight gibi multimedya teknolojilerini etkin bir şekilde geçersiz kıldı.

CSS (Basamaklı Stil Sayfaları), web tasarımcıları tarafından birçok web sayfasında görsel değişiklikleri kolaylaştırmak için kullanılan bir teknolojidir.

CSS kodu, HTML içinde bulunabilir veya genellikle olduğu gibi, HTML sayfası tarafından başvurulan ayrı dosyalardır. CSS'nin kullanışlılığı, içeriği sunumdan ayırması ve web tasarımcılarına bir web sitesinin tüm estetik ayrıntılarını merkezi olarak yönetmeleri için güçlü bir araç sağlamasıdır.

Arka uç (örneğin PHP veya Java), hesaplama bittiğinde web sunucusu tarafından yürütülen HTML ile karıştırılmış koddur.

Günümüzde tüm web siteleri dinamiktir; yani artık tarayıcıya sunulan herhangi bir basit .html dosyası yok. Web çerçeveleri adı verilen yazılım kitaplıklarının eklenmesiyle birlikte tüm modern diller, bir web sitesi için arka uç çözümü olarak kullanılabilir. PHP 7'nin son sürümü ve sunduğu mükemmel performans iyileştirmeleri ve özellikleri ile Facebook'un HHVM'si, tüm süreci bir sonraki düzeye taşıdı.

Ön uç (Javascript), HTML ile karıştırılmış bir koddur ancak web tarayıcınız tarafından bilgisayarınızda yerel olarak yürütülür.

Modern web'deki belki de en şaşırtıcı ve etkileyici gelişme Javascript olmuştur. Menüler yapmak ve açılır pencereleri görüntülemek için kullanılan Java'nın basit küçük kardeşi olmaktan, hem istemcide hem de sunucuda kullanılan güçlü bir programlama diline dönüştü. Bu günlerde, bir web tarayıcısında ve büyük bir hızla her şeyi yapabilir. Google'ın V8 Javascript motoru, büyük bir teknolojik oyun değiştirici olmuştur.

Bir URL'yi ziyaret ettiğinizde ne olur?

Web, farklı teknolojilerin bir bereketidir, ancak temel işlevi bugün bile değişmeden kalan iki kavram vardır. Web tarayıcısı ve web sunucusu. Bunlar, aşağıdaki "eski" istemci/sunucu modelinde çalışır: Bir istemci, bir adres (bir IP veya ad) kullanarak bir sunucuya bağlanır ve bir şey ister. Sunucu daha sonra istemciye yanıt verir ve bu böyle devam eder. İstemciler sunuculara bağlanır, ancak tersi olmaz. Günümüzün web teknolojisi bu modeli önemli ölçüde değiştirmiş olsa da, bunu süreci basitleştirilmiş bir şekilde açıklamak için kullanacağız.

Böylece favori tarayıcınızı çalıştırır ve bir web sayfasını ziyaret edersiniz. Enter tuşuna bastığınız andan sonunda görüntülenen sayfayı gördüğünüz ana kadar aşağıdakiler gerçekleşir:

Tarayıcınız önce bilgisayarınızda yapılandırılmış DNS çözümleyici adlı bir yazılım modülünü çağırır ve girdiğiniz URL'ye karşılık gelen IP adresini sorar.
DNS (Alan Adı Sistemi), bilgisayar adlarını ( www.pressidium.com gibi ) IP adreslerine eşleyen temel bir İnternet hizmetidir . IP adresleri, İnternet'e bağlı bilgisayarların anladığı ve bağlanabileceği şeydir. Ne olduğunu ve nasıl çalıştığını bir sonraki yazımızda keşfedeceğiz.
Ardından tarayıcınız, 80 veya 443 numaralı bağlantı noktasını kullanarak bu IP adresine bir bağlantı başlatır.
IP adresi sunucuyu, port numarası ise bağlanmak istediğiniz hizmeti ifade eder. Tüm web sunucuları varsayılan olarak 80 numaralı bağlantı noktasında çalışır, 443 numaralı bağlantı noktası ise güvenli web bağlantıları için kullanılır.
Web sunucusu girdiğiniz URL'yi işler ve kontrolü arka uca verir. Arka uç kodu, HTML sayfasını oluşturur ve web sunucusuna teslim eder. Web sunucusu, daha sonra, HTML sayfasını HTTP kanalı aracılığıyla tarayıcıya gönderir.
Web sunucusunun HTML'yi geri göndermesi için geçen milisaniyeler içinde birçok şey oluyor. Bir web sitesindeki arka uç kodu genellikle bir veritabanına bağlanır, sorguları yürütür, verileri geri alır, diğer arka uç hizmetleriyle bağlantı kurar ve son olarak her şeyi bir HTML belgesinde birleştirir. İstediğiniz gerçekten ayrı bir dosya değil, dinamik bir kaynaktır. , çok çeşitli farklı teknolojiler ve bileşenler kullanılarak anında oluşturulur.
Web tarayıcınız HTML sayfasını alır, web sunucusuyla olan bağlantıyı kapatır ve ardından onu ekranınızda işler. HTML'de bulunan Javascript kodunu yürütür. Modern web tasarımı, Duyarlı Tasarım adı verilen bir yaklaşımı izler. Bu yaklaşım, tarama için kullandığınız cihaza bağlı olarak bir web sayfasının düzenini dinamik olarak uyarlamak için HTML, CSS ve Javascript kullanır. Bu, mobil ve tablet cihazların patlayıcı büyümesiyle bugünlerde çok önemli hale geldi.

Sıradaki ne?

Buraya kadar çeşitli modern web teknolojilerine ve bir URL'yi ziyaret ettiğinizde neler olduğuna kısaca değindik. Kuşkusuz, web teknolojileri karmaşık ve sayısızdır ve tek bir makalede tatmin edici bir şekilde ele alınamaz. Bu yazı dizimizle, esas olarak size İnternet ve Web'in “kartal bakışı” bir görünümünü vermeyi amaçlıyoruz.
Bu ilginç serinin bir sonraki bölümünde, bir başka önemli İnternet altyapısını, Alan Adı Sistemini ziyaret edeceğiz. Onsuz hiçbir şey gerçekten işe yaramaz! (en azından biz insanlar için).