Aracılığıyla paylaş


Öğretici: Azure Uygulaması Hizmeti web uygulamasına Azure Content Delivery Network ekleme

Önemli

Microsoft tarafından sunulan Azure CDN Standard (klasik) 30 Eylül 2027'de kullanımdan kaldırılacaktır. Hizmet kesintisini önlemek için, 30 Eylül 2027'ye kadar Azure CDN Standard'ı Microsoft (klasik) profillerinden Azure Front Door Standard veya Premium katmanına geçirmeniz önemlidir. Daha fazla bilgi için bkz . Microsoft'tan Azure CDN Standard (klasik) kullanımdan kaldırma.

Edgio'dan Azure CDN 4 Kasım 2025'te kullanımdan kaldırılacaktır. Hizmet kesintisini önlemek için iş yükünüzü bu tarihten önce Azure Front Door'a geçirmeniz gerekir. Daha fazla bilgi için bkz . Edgio'dan Azure CDN kullanımdan kaldırma hakkında SSS.

Bu öğreticide, Azure Uygulaması Hizmeti'ndeki bir web uygulamasına Azure Content Delivery Network'in nasıl ekleneceği gösterilmektedir. Web uygulamaları, web uygulamalarını, REST API'leri ve mobil arka uçları barındırmaya yönelik hizmetlerdir.

İşte, birlikte çalıştığınız örnek statik HTML sitesinin giriş sayfası:

Örnek uygulama ana sayfası

Öğrendikleri:

  • İçerik teslim ağı uç noktası oluşturma.
  • Önbelleğe alınan varlıkları yenileme.
  • Önbelleğe alınan sürümleri denetlemek için sorgu dizeleri kullanma.

Önkoşullar

Bu öğreticiyi tamamlamak için:

Azure aboneliğiniz yoksa başlamadan önce birücretsiz Azure hesabı oluşturun.

Web uygulaması oluşturma

Birlikte çalıştığınız web uygulamasını oluşturmak için Uygulamaya göz atma adımında statik HTML hızlı başlangıcını izleyin.

Azure portalda oturum açma

Bir tarayıcı açın ve Azure portalında oturum açın.

Dinamik site hızlandırma iyileştirmesi

İçerik teslim ağı uç noktanızı dinamik site hızlandırma (DSA) için iyileştirmek istiyorsanız, profilinizi ve uç noktanızı oluşturmak için içerik teslim ağ portalını kullanmanız gerekir. DSA iyileştirme sayesinde, dinamik içeriğe sahip web sayfalarının performansı ölçülebilir şekilde iyileştirilir. İçerik teslim ağı portalından DSA için içerik teslim ağ uç noktasını iyileştirme yönergeleri için bkz . Dinamik dosyaların teslimini hızlandırmak için içerik teslim ağı uç noktası yapılandırması. Aksi takdirde, yeni uç noktanızı iyileştirmek istemiyorsanız, sonraki bölümde yer alan adımları izleyerek oluşturmak için web uygulaması portalını kullanabilirsiniz. Edgio profillerinden Azure CDN için, oluşturulduktan sonra içerik teslim ağ uç noktasının iyileştirmesini değiştiremezsiniz.

İçerik teslim ağı profili ve uç noktası oluşturma

Sol gezinti bölmesinde Uygulama Hizmetleri’ni ve sonra statik HTML hızlı başlangıç içinde oluşturduğunuz uygulamayı seçin.

Portalda App Service uygulaması seçme işleminin ekran görüntüsü.

App Service sayfasındaki Ayarlar bölümünde Ağ Azure CDN'sini >seçin.

App Service'in ağ ayarından Azure Content Delivery Network'ün seçilmesinin ekran görüntüsü.

Azure Content Delivery Network sayfasında, Yeni uç nokta ayarlarını tabloda belirtildiği gibi girin.

Portalda Azure Content Delivery Network profili ve uç noktası oluşturma işleminin ekran görüntüsü.

Ayar Önerilen değer Açıklama
içerik teslim ağı profili myCDNProfile İçerik teslim ağı profili, aynı fiyatlandırma katmanına sahip içerik teslim ağı uç noktaları koleksiyonudur.
Fiyatlandırma katmanı Microsoft içerik teslim ağı (klasik) Fiyatlandırma katmanı, sağlayıcıyı ve kullanılabilir özellikleri belirtir.
içerik teslim ağı uç noktası adı azureedge.net etki alanında benzersiz olan tüm adlar Önbelleğe alınmış kaynaklarınıza <uçnoktaadı>.azureedge.net etki alanından erişebilirsiniz.

İçerik teslim ağı profili oluşturmak için Oluştur'u seçin.

Azure, profili ve uç noktayı oluşturur. Yeni uç nokta, Uç noktalar listesinde gösterilir ve sağlandığında Çalışıyor durumunda olur.

Listede yeni Azure Content Delivery Network uç noktasının ekran görüntüsü.

İçerik teslim ağ uç noktasını test edin

Kaydın yayılması zaman alacağından, uç nokta hemen kullanılabilir olmaz:

  • Microsoft (klasik) profillerinden Azure CDN Standard için yayma işlemi genellikle 10 dakika içinde tamamlanmaktadır.
  • Edgio'dan Azure CDN Standard ve Edgio profillerinden Azure CDN Premium için yayma işlemi genellikle 90 dakika içinde tamamlanır.

Örnek uygulamanın, index.html dosyası ve diğer statik varlıkları içeren css, img ve js klasörleri vardır. Bu dosyaların tümü için içerik yolları, içerik teslim ağı uç noktasında aynıdır. Örneğin, aşağıdaki URL'ler css klasöründeki bootstrap.css dosyasına erişir:

http://<appname>.azurewebsites.net/css/bootstrap.css

http://<endpointname>.azureedge.net/css/bootstrap.css

Bir tarayıcıdan aşağıdaki URL’ye gidin:

http://<endpointname>.azureedge.net/index.html

İçerik teslim ağından sunulan örnek uygulama giriş sayfasının ekran görüntüsü.

Azure web uygulamasında daha önce çalıştırdığınız aynı sayfayı görürsünüz. Azure Content Delivery Network, kaynak web uygulamasının varlıklarını almıştır ve bunları içerik teslim ağı uç noktasından kullanıma salar

Bu sayfanın içerik teslim ağında önbelleğe alınmasını sağlamak için sayfayı yenileyin. İçerik teslim ağının istenen içeriği önbelleğe almaları için bazen aynı varlık için iki istek gerekir.

Azure Content Delivery Network profilleri ve uç noktaları oluşturma hakkında daha fazla bilgi için bkz . Azure Content Delivery Network ile çalışmaya başlama.

İçerik teslim ağını temizleme

İçerik teslim ağı, kaynak web uygulamasındaki kaynaklarını yaşam süresi (TTL) yapılandırmasına göre düzenli aralıklarla yeniler. Varsayılan TTL yedi gündür.

Bazen TTL süresi dolmadan önce içerik teslim ağını yenilemeniz gerekebilir; örneğin, güncelleştirilmiş içeriği web uygulamasına dağıttığınızda. Yenilemeyi tetiklemek için içerik teslim ağı kaynaklarını el ile temizleme.

Öğreticinin bu bölümünde web uygulamasına bir değişiklik dağıtacak ve içerik teslim ağını temizleyip içerik teslim ağının önbelleğini yenilemesini tetikleyebilirsiniz.

Web uygulamasına değişiklik dağıtma

Aşağıdaki örnekte gösterildiği gibi, index.html dosyasını açın ve H1 başlığına - V2 ekleyin:

<h1>Azure App Service - Sample Static HTML Site - V2</h1>

Değişikliğinizi uygulayın ve web uygulamasına dağıtın.

git commit -am "version 2"
git push azure main

Dağıtım tamamlandıktan sonra, değişikliği görmek için web uygulaması URL'sine bakın.

http://<appname>.azurewebsites.net/index.html

Web uygulamasındaki başlıkta V2

Giriş sayfasının içerik teslim ağı uç nokta URL'sine göz atarsanız, içerik teslim ağındaki önbelleğe alınmış sürümün süresi henüz dolmadığından değişiklikleri görmezsiniz.

http://<endpointname>.azureedge.net/index.html

İçerik teslim ağı başlığında V2 yok seçeneğinin ekran görüntüsü.

Portalda içerik teslim ağını temizleme

İçerik teslim ağını önbelleğe alınmış sürümünü güncelleştirmek üzere tetikleme için içerik teslim ağını temizleyin.

Portalın sol gezinti bölümünde, Kaynak grupları’nı ve ardından ve web uygulamanız için oluşturduğunuz kaynak grubunu (myResourceGroup) seçin.

Portalda sol menü bölmesinden kaynak grubu seçme işleminin ekran görüntüsü.

Kaynak listesinde içerik teslim ağı uç noktanızı seçin.

Kaynak grubundan Azure Content Delivery Network uç noktasının ekran görüntüsü.

Uç nokta sayfasının üst kısmında, Temizle'yi seçin.

Azure Content Delivery Network profilindeki temizleme düğmesinin ekran görüntüsü.

Temizlemek istediğiniz içerik yollarını girin. Tek bir dosyayı temizlemek için tam bir dosya yolunu geçirebileceğiniz gibi, bir klasördeki tüm içeriği temizlemek ve yenilemek için bir yol kesimini de geçirebilirsiniz. index.html dosyasını değiştirdiğiniz için, bunun yollardan birinde yer aldığından emin olun.

Sayfanın alt kısmındaki Temizle'yi seçin.

Azure Content Delivery Network profilindeki temizleme sayfasının ekran görüntüsü.

İçerik teslim ağının güncelleştirildiğini doğrulayın

Temizleme isteğinin işlenmesi tamamlanana kadar bekleyin. Bu işlem genellikle birkaç dakika sürer. Geçerli durumu görmek için, sayfanın üst kısmındaki zil simgesini seçin.

Azure Content Delivery Network profili için temizleme bildiriminin ekran görüntüsü.

index.html için içerik teslim ağ uç noktası URL'sine göz attığınızda, giriş sayfasında başlığa eklediğiniz V2'yi görürsünüz ve bu da içerik teslim ağı önbelleğinin yenilendiğini gösterir.

http://<endpointname>.azureedge.net/index.html

İçerik teslim ağı başlığındaki V2'nin ekran görüntüsü.

Daha fazla bilgi için bkz . Azure Content Delivery Network uç noktasını temizleme.

Sürüm içeriğini belirlemek için sorgu dizelerini kullanın

Azure Content Delivery Network aşağıdaki önbelleğe alma davranışı seçeneklerini sunar:

  • Sorgu dizelerini yoksay
  • Sorgu dizeleri için önbelleğe almayı atla
  • Her benzersiz URL'yi önbelleğe al

İlk seçenek varsayılan seçenektir, yani URL'deki sorgu dizesine bakılmaksızın bir varlığın yalnızca bir önbelleğe alınmış sürümü vardır.

Öğreticinin bu bölümünde, önbelleğe alma davranışını, her benzersiz URL'yi önbelleğe alacak şekilde değiştirme hakkında bilgi edineceksiniz.

Önbellek davranışını değiştirme

Azure portalında bulunan CDN Uç Noktası sayfasında Önbellek’i seçin.

Sorgu dizesi önbelleğe alma davranışı açılan listesinden Her benzersiz URL'yi önbelleğe al'ı seçin.

Kaydet'i seçin.

Azure Content Delivery Network profili için önbellek kuralları ayarlarının ekran görüntüsü.

Benzersiz URL'lerin ayrı olarak önbelleğe alındığını doğrulayın

Tarayıcıda, içerik teslim ağı uç noktasındaki giriş sayfasına gidin ve bir sorgu dizesi ekleyin:

http://<endpointname>.azureedge.net/index.html?q=1

Azure Content Delivery Network, başlıkta V2'yi içeren geçerli web uygulaması içeriğini döndürür.

Bu sayfanın içerik teslim ağında önbelleğe alınmasını sağlamak için sayfayı yenileyin.

index.html dosyasını açın, V2'yi V3 olarak değiştirin ve değişikliği dağıtın.

git commit -am "version 3"
git push azure main

Tarayıcıda, gibi q=2yeni bir sorgu dizesiyle içerik teslim ağ uç noktası URL'sine gidin. Azure Content Delivery Network geçerli index.html dosyasını alır ve V3 görüntüler. Ancak, sorgu dizesiyle q=1 içerik teslim ağı uç noktasına giderseniz V2'yi görürsünüz.

http://<endpointname>.azureedge.net/index.html?q=2

İçerik teslim ağı, sorgu dizesi 2 başlığındaki V3'ün ekran görüntüsü.

http://<endpointname>.azureedge.net/index.html?q=1

İçerik teslim ağı, sorgu dizesi 1 başlığındaki V2'nin ekran görüntüsü.

Bu çıktı, her sorgu dizesinin farklı şekilde değerlendirildiğini gösterir:

  • q = 1 daha önce kullanılmıştır, bu nedenle önbelleğe alınan içerikler döndürülür (V2).
  • q = 2 yenidir, bu nedenle en son web uygulaması içerikleri alınır ve döndürülür (V3).

Daha fazla bilgi için bkz . Sorgu dizeleriyle Azure Content Delivery Network önbelleğe alma davranışını denetleme.

Kaynakları temizleme

Önceki adımlarda, bir kaynak grubunda Azure kaynakları oluşturdunuz. Bu kaynakların gelecekte gerekli olacağını düşünmüyorsanız, Cloud Shell’de aşağıdaki komutu çalıştırarak kaynak grubunu silin:

az group delete --name myResourceGroup

Bu komutun çalıştırılması bir dakika sürebilir.

Sonraki adımlar

Öğrendikleriniz:

  • İçerik teslim ağı uç noktası oluşturma.
  • Önbelleğe alınan varlıkları yenileme.
  • Önbelleğe alınan sürümleri denetlemek için sorgu dizeleri kullanma.

Aşağıdaki makalelerde içerik teslim ağı performansını iyileştirmeyi öğrenin: