Oktatóanyag: Azure Content Delivery Network hozzáadása egy Azure-alkalmazás Service-webalkalmazáshoz

Ez az oktatóanyag bemutatja, hogyan adhat hozzá Azure Content Delivery Network-et egy webalkalmazáshoz a Azure-alkalmazás Service szolgáltatásban. A webalkalmazások webalkalmazások, REST API-k és mobil háttérrendszerek üzemeltetésére szolgáló szolgáltatások.

Itt látható a minta statikus HTML-webhely kezdőlapja, amellyel dolgozik:

Mintaalkalmazás kezdőlapja

A tanultak:

  • Tartalomkézbesítési hálózati végpont létrehozása.
  • Gyorsítótárazott objektumok frissítése.
  • Gyorsítótárazott verziók felügyelete lekérdezési sztringek használatával.

Előfeltételek

Az oktatóanyag elvégzéséhez:

Ha nem rendelkezik Azure-előfizetéssel, első lépésként hozzon létre egy ingyenes Azure-fiókot.

A webapp létrehozása

A webalkalmazás létrehozásához kövesse a statikus HTML-gyorsútmutatót az alkalmazás tallózása lépésben.

Jelentkezzen be az Azure Portalra

Nyisson meg egy böngészőt, és jelentkezzen be az Azure Portalra.

Dinamikus helygyorsítás optimalizálása

Ha dinamikus helygyorsításra (DSA) szeretné optimalizálni a tartalomkézbesítési hálózati végpontot, akkor a tartalomkézbesítési hálózati portállal hozza létre a profilt és a végpontot. A DSA-optimalizálásnak köszönhetően a dinamikus tartalmakkal rendelkező weboldalak teljesítménye jelentősen javul. A tartalomkézbesítési hálózati végpontnak a tartalomkézbesítési hálózati portálról történő optimalizálásával kapcsolatos útmutatásért tekintse meg a tartalomkézbesítési hálózati végpont konfigurációját a dinamikus fájlok kézbesítésének felgyorsításához. Ha nem kívánja optimalizálni az új végpontot, akkor a webalkalmazás-portál használatával is létrehozhatja azt a következő szakaszban leírtak alapján. Az Edgio-profilokból származó Azure CDN esetében a tartalomkézbesítési hálózati végpontok optimalizálása a létrehozásuk után nem módosítható.

Tartalomkézbesítési hálózati profil és végpont létrehozása

A bal oldali navigációs felületen válassza az App Services lehetőséget, majd válassza ki a statikus HTML gyorsútmutató segítségével létrehozott alkalmazást.

Képernyőkép egy App Service-alkalmazás kiválasztásáról a portálon.

Az App Service lap Gépház szakaszában válassza az Azure CDN hálózatkezelését>.

Képernyőkép az Azure Content Delivery Network kiválasztásáról egy App Service hálózatkezelési beállításából.

Az Azure Content Delivery Network lapon adja meg az Új végpont beállításait az alábbi táblának megfelelően.

Képernyőkép az Azure Content Delivery Network-profil és -végpont portálon való létrehozásáról.

Beállítás Ajánlott érték Leírás
tartalomkézbesítési hálózati profil myCDNProfile A tartalomkézbesítési hálózati profilok olyan tartalomkézbesítési hálózati végpontok gyűjteményei, amely azonos tarifacsomaggal rendelkezik.
Tarifacsomag Microsoft tartalomkézbesítési hálózat (klasszikus) A tarifacsomag határozza meg a szolgáltatót és az elérhető szolgáltatásokat.
tartalomkézbesítési hálózati végpont neve Bármely egyedi név az azureedge.net tartományban A gyorsítótárazott erőforrások az <endpointname>.azureedge.net tartományban érhetők el.

Tartalomkézbesítési hálózati profil létrehozásához válassza a Létrehozás lehetőséget .

Az Azure létrehozza a profilt és a végpontot. Az új végpont megjelenik a Végpontok listában, és a kiosztása után Fut állapotra vált.

Képernyőkép az Új Azure Content Delivery Network-végpontról a listában.

A tartalomkézbesítési hálózati végpont tesztelése

Mivel némi időre van szükség a regisztráció propagálásához, a végpont nem vehető használatba azonnal:

  • A Microsoft (klasszikus) profilokból származó Azure CDN Standard esetében a propagálás általában 10 perc alatt befejeződik.
  • Az Edgio-ból származó Azure CDN Standard és az Edgio-profilokból származó Azure CDN Premium esetében a propagálás általában 90 percen belül befejeződik.

Ugyanehhez az alkalmazáshoz tartozik egy index.html fájl, valamint css, img és js mappák is, amelyek egyéb statikus objektumokat tartalmaznak. Az összes fájl tartalomelérési útvonala megegyezik a tartalomkézbesítési hálózati végponton. Például a következő két URL egyaránt a bootstrap.css fájlra mutat a css mappában:

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

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

A böngészőben nyissa meg a következő URL-címet:

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

Képernyőkép a tartalomkézbesítési hálózatból kiszolgált mintaalkalmazás kezdőlapjáról.

Ugyanaz a lap jelenik meg, amelyet korábban egy Azure-webalkalmazásban futtatott. Az Azure Content Delivery Network lekérte a forrás webalkalmazás eszközeit, és a tartalomkézbesítési hálózati végpontról szolgálja ki őket

Annak érdekében, hogy a lap gyorsítótárazva legyen a tartalomkézbesítési hálózaton, frissítse a lapot. Néha két kérésre van szükség ugyanahhoz az objektumhoz a tartalomkézbesítési hálózat számára a kért tartalom gyorsítótárazásához.

Az Azure Content Delivery Network-profilok és -végpontok létrehozásával kapcsolatos további információkért tekintse meg az Azure Content Delivery Network használatának első lépéseit.

A tartalomkézbesítési hálózat kiürítése

A tartalomkézbesítési hálózat rendszeresen frissíti az erőforrásait a forrás webalkalmazásból az élettartam (TTL) konfigurációja alapján. Az alapértelmezett élettartam hét nap.

Előfordulhat, hogy a TTL lejárata előtt frissítenie kell a tartalomkézbesítési hálózatot; például amikor frissített tartalmat helyez üzembe a webalkalmazásban. Frissítés indításához manuálisan törölje a tartalomkézbesítési hálózati erőforrásokat.

Az oktatóanyag jelen szakaszában egy módosítást helyez üzembe a webalkalmazásban, és törli a tartalomkézbesítési hálózatot a tartalomkézbesítési hálózat aktiválásához a gyorsítótár frissítéséhez.

Módosítás telepítése a webappba

Nyissa meg az index.html fájlt, és adja hozzá a - V2 utótagot a H1 fejléchez, ahogy az az alábbi példában látható:

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

Véglegesítse a módosítást, és telepítse a webappba.

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

Miután befejeződött a telepítés, a böngészőben nyissa meg a webalkalmazás URL-címét, és láthatja a módosított tartalmat.

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

V2 a webapp címében

Ha a kezdőlap tartalomkézbesítési hálózati végpontJÁNAK URL-címét böngészi, nem látja a módosításokat, mert a tartalomkézbesítési hálózat gyorsítótárazott verziója még nem járt le.

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

Képernyőkép a Tartalomkézbesítési hálózat címében szereplő V2-ről.

A tartalomkézbesítési hálózat kiürítése a portálon

A tartalomkézbesítési hálózat gyorsítótárazott verziójának frissítéséhez törölje a tartalomkézbesítési hálózatot.

A portál bal oldali navigációs felületén válassza az Erőforráscsoportok elemet, majd válassza ki a webapphoz létrehozott erőforráscsoportot (myResourceGroup).

Képernyőkép az erőforráscsoport kiválasztásáról a bal oldali menüpanelen a portálon.

Az erőforrások listájában válassza ki a tartalomkézbesítési hálózati végpontot.

Képernyőkép az Azure Content Delivery Network-végpontról az erőforráscsoportból.

A Végpont lap tetején válassza a Végleges törlés gombot.

Képernyőkép az Azure Content Delivery Network-profil törlés gombjáról.

Adja meg a törölni kívánt tartalmak elérési útjait. Megadhat egy teljes elérési útvonalat egy adott fájl törléséhez, vagy egy részleges útvonalat egy adott mappa teljes tartalmának törléséhez és frissítéséhez. Mivel az index.html fájlt módosította, mindenképp ez legyen az egyik útvonal.

A lap alján kattintson a Végleges törlés gombra.

Képernyőkép az Azure Content Delivery Network-profil törlési oldaláról.

Ellenőrizze, hogy a tartalomkézbesítési hálózat frissült-e

Várjon, amíg a végleges törlési kérés feldolgozása befejeződik. Ez általában eltart néhány percig. Az aktuális állapot megtekintéséhez válassza a harang ikont a lap tetején.

Képernyőkép egy Azure Content Delivery Network-profil törlési értesítéséről.

Amikor megtekinti a tartalomkézbesítési hálózati végpont URL-címét index.html, megjelenik a kezdőlap címéhez hozzáadott V2 , amely azt jelzi, hogy a tartalomkézbesítési hálózati gyorsítótár frissült.

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

Képernyőkép a tartalomkézbesítési hálózat címében szereplő V2-ről.

További információ: Azure Content Delivery Network-végpont törlése.

Tartalmak verziószámozása lekérdezési sztringek használatával

Az Azure Content Delivery Network a következő gyorsítótárazási viselkedési beállításokat kínálja:

  • Lekérdezési sztringek figyelmen kívül hagyása
  • Lekérdezési sztringek gyorsítótárazásának megkerülése
  • Minden egyedi URL gyorsítótárazása

Az első beállítás az alapértelmezett beállítás, ami azt jelenti, hogy az eszköznek csak egy gyorsítótárazott verziója van, függetlenül az URL-címben lévő lekérdezési sztringtől.

Az oktatóanyag ezen szakaszában a gyorsítótárazás működésének módosításával minden egyedi URL-címet gyorsítótárazni fog.

A gyorsítótárazás működésének módosítása

Az Azure Portal CDN-végpont lapján válassza a Gyorsítótár lehetőséget.

Válassza a Lekérdezési sztring gyorsítótárazási viselkedésének legördülő listájában található minden egyedi URL gyorsítótárazása lehetőséget.

Válassza a Mentés lehetőséget.

Képernyőkép egy Azure Content Delivery Network-profil gyorsítótárszabály-beállításairól.

Az egyedi URL-címek külön gyorsítótárazásának ellenőrzése

A böngészőben keresse meg a kezdőlapot a tartalomkézbesítési hálózati végponton, és adjon meg egy lekérdezési sztringet:

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

Az Azure Content Delivery Network az aktuális webalkalmazás-tartalmat adja vissza, amely a V2-t is tartalmazza a címsorban.

Annak érdekében, hogy a lap gyorsítótárazva legyen a tartalomkézbesítési hálózaton, frissítse a lapot.

Nyissa meg az index.html fájlt, módosítsa a V2 értéket V3 értékre, majd tegye közzé a módosítást.

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

A böngészőben nyissa meg a tartalomkézbesítési hálózati végpont URL-címét egy új lekérdezési sztringgel, például q=2. Az Azure Content Delivery Network lekéri az aktuális index.html fájlt, és megjeleníti a V3-at. Ha azonban a lekérdezési sztringgel navigál a q=1 tartalomkézbesítési hálózati végpontra, a V2 jelenik meg.

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

Képernyőkép a tartalomkézbesítési hálózat címében lévő V3-ról, a 2. lekérdezési sztringről.

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

Képernyőkép a tartalomkézbesítési hálózat címében szereplő V2-ről, az 1. lekérdezési sztringről.

Ez a kimenet mutatja, hogy a rendszer minden lekérdezési sztringet máshogy kezel:

  • Korábban a q=1 volt használatban, amely a gyorsítótárazott tartalmakat adja vissza (V2).
  • A q=2 viszont új, ezért a webalkalmazás legfrissebb tartalmait kéri le és adja vissza (V3).

További információ: Az Azure Content Delivery Network gyorsítótárazási viselkedésének szabályozása lekérdezési sztringekkel.

Az erőforrások eltávolítása

Az előző lépésekben Azure-erőforrásokat hozott létre egy erőforráscsoportban. Ha várhatóan nem lesz szüksége ezekre az erőforrásokra a jövőben, törölje az erőforráscsoportot a következő parancs Cloud Shellben történő futtatásával:

az group delete --name myResourceGroup

A parancs futtatása egy percig is eltarthat.

Következő lépések

Az alábbiak elvégzését ismerte meg:

  • Tartalomkézbesítési hálózati végpont létrehozása.
  • Gyorsítótárazott objektumok frissítése.
  • Gyorsítótárazott verziók felügyelete lekérdezési sztringek használatával.

Az alábbi cikkekből megtudhatja, hogyan optimalizálhatja a tartalomkézbesítési hálózat teljesítményét: