Självstudie: Lägga till Azure Content Delivery Network i en Azure App Service-webbapp

Den här självstudien visar hur du lägger till Azure Content Delivery Network i en webbapp i Azure App Service. Webbappar är tjänster som är värdar för webbprogram, REST-API:er och mobila serverdelar.

Här är startsidan för den statiska HTML-exempelwebbplatsen som du arbetar med:

Det här lär du dig:

Förutsättningar

För att slutföra den här kursen behöver du:

• Installera Git
• Installera Azure CLI

Om du inte har en Azure-prenumeration skapar du ett kostnadsfritt Azure-konto innan du börjar.

Skapa webbappen

Om du vill skapa webbappen som du arbetar med följer du snabbstarten för statisk HTML genom steget Bläddra till appen.

Logga in på Azure-portalen

Öppna en webbläsare och logga in på Azure-portalen.

Optimering för acceleration av dynamisk webbplats

Om du vill optimera nätverksslutpunkten för innehållsleverans för dynamisk webbplatsacceleration (DSA) bör du använda nätverksportalen för innehållsleverans för att skapa din profil och slutpunkt. Prestanda på webbsidor med dynamiskt innehåll förbättras avsevärt med DSA-optimering. Anvisningar om hur du optimerar en slutpunkt för innehållsleveransnätverk för DSA från nätverksportalen för innehållsleverans finns i nätverksslutpunktskonfiguration för innehållsleverans för att påskynda leveransen av dynamiska filer. Om du inte vill optimera din nya slutpunkt kan du använda webbapp-portalen för att skapa den genom att följa stegen i nästa avsnitt. För Azure CDN från Edgio-profiler kan du inte ändra optimeringen av en nätverksslutpunkt för innehållsleverans när den har skapats.

Skapa en nätverksprofil och slutpunkt för innehållsleverans

I det vänstra navigeringsfönstret väljer du App Services och sedan väljer du den app som du skapade i static HTML quickstart (snabbstart för statisk HTML).

På sidan App Service går du till avsnittet Inställningar och väljer Nätverk azure > CDN.

På sidan Azure Content Delivery Network anger du inställningarna förNy slutpunkt som anges i tabellen.

Välj Skapa för att skapa en nätverksprofil för innehållsleverans.

Azure skapar en profil och en slutpunkt. Den nya slutpunkten visas i listan Slutpunkter och när den har etablerats är statusen Körs.

Testa nätverksslutpunkten för innehållsleverans

Slutpunkten kan inte användas direkt, eftersom det tar tid för registreringen att sprida sig:

• För Azure CDN Standard från Microsoft-profiler (klassisk) slutförs spridningen vanligtvis på 10 minuter.
• För Azure CDN Standard från Edgio och Azure CDN Premium från Edgio-profiler slutförs spridningen vanligtvis inom 90 minuter.

Exempelappen har en index.html-fil och css-, img och js-mappar som innehåller andra statiska tillgångar. Innehållssökvägarna för alla dessa filer är desamma vid slutpunkten för innehållsleveransnätverket. Båda följande URL:er har till exempel åtkomst till filen bootstrap.css i mappen css:

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

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

Öppna en webbläsare och navigera till följande adress:

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

Du ser samma sida som du körde tidigare i en Azure-webbapp. Azure Content Delivery Network har hämtat ursprungswebbappens tillgångar och betjänar dem från slutpunkten för innehållsleveransnätverket

Uppdatera sidan för att säkerställa att den här sidan cachelagras i nätverket för innehållsleverans. Två begäranden för samma tillgång krävs ibland för att innehållsleveransnätverket ska cachelagras det begärda innehållet.

Mer information om hur du skapar Profiler och slutpunkter för Azure Content Delivery Network finns i Komma igång med Azure Content Delivery Network.

Rensa nätverket för innehållsleverans

Nätverket för innehållsleverans uppdaterar regelbundet sina resurser från ursprungswebbappen baserat på TTL-konfigurationen (time to live). Standard-TTL är sju dagar.

Ibland kan du behöva uppdatera nätverket för innehållsleverans innan TTL-förfallodatumet. när du till exempel distribuerar uppdaterat innehåll till webbappen. Om du vill utlösa en uppdatering rensar du nätverksresurserna för innehållsleverans manuellt.

I det här avsnittet av självstudien distribuerar du en ändring till webbappen och rensar nätverket för innehållsleverans för att utlösa nätverket för innehållsleverans för att uppdatera dess cacheminne.

Distribuera en ändring till webbappen

Öppna filen index.html och lägg till - V2 till rubriken H1, som i följande exempel:

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

Spara ändringen och distribuera den till webbappen.

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

När distributionen är färdig bläddrar du till webbappens URL där du kan se ändringen.

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

Om du bläddrar till innehållsleveransens nätverksslutpunkts-URL för startsidan ser du inte ändringarna eftersom den cachelagrade versionen i nätverket för innehållsleverans inte har upphört att gälla än.

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

Rensa nätverket för innehållsleverans i portalen

Om du vill utlösa innehållsleveransnätverket för att uppdatera den cachelagrade versionen rensar du nätverket för innehållsleverans.

I det vänstra navigeringsfönstret i portalen väljer du Resursgrupper, och sedan väljer du den resursgrupp som du skapade för din webbapp (myResourceGroup).

I listan över resurser väljer du nätverksslutpunkten för innehållsleverans.

Längst upp på sidan Slutpunkt väljer du Rensa.

Ange de innehållssökvägar du vill rensa. Du kan skicka en fullständig filsökväg för att rensa en enskild fil eller ett vägsegment för att rensa och uppdatera allt innehåll i en viss mapp. Se till att index.html finns på en av sökvägarna, eftersom du ändrade den.

Välj Rensa längst ned på sidan.

Kontrollera att nätverket för innehållsleverans har uppdaterats

Vänta till bearbetningen av rensningsbegäran slutförs, vilket brukar ta några minuter. Välj klockikonen längst upp på sidan för att se aktuell status.

När du bläddrar till innehållsleveransens nätverksslutpunkts-URL för index.html visas V2 som du lade till i rubriken på startsidan, vilket indikerar att nätverkscachen för innehållsleverans har uppdaterats.

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

Mer information finns i Rensa en Azure Content Delivery Network-slutpunkt.

Använda frågesträngar för versioninnehåll

Azure Content Delivery Network erbjuder följande alternativ för cachelagringsbeteende:

• Ignorera frågesträngar
• Kringgå cachelagring för frågesträngar
• Cachelagra varje unik URL

Det första alternativet är standardvärdet, vilket innebär att det bara finns en cachelagrad version av en tillgång oavsett frågesträngen i URL:en.

I det här avsnittet i självstudien kan du ändra beteendet för cachelagring för att cachelagra alla unika URL:er.

Ändra beteendet för cachelagring

På sidanCDN-slutpunkt i Azure Portal väljer du Cache.

Välj Cachelagra varje unik URL från listrutan Beteende för cachelagring av frågesträngar.

Välj Spara.

Kontrollera att unika URL:er cachelagras separat

Gå till startsidan i nätverksslutpunkten för innehållsleverans i en webbläsare och inkludera en frågesträng:

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

Azure Content Delivery Network returnerar det aktuella webbappinnehållet, som innehåller V2 i rubriken.

Uppdatera sidan för att säkerställa att den här sidan cachelagras i nätverket för innehållsleverans.

Öppna index.html, ändra V2 till V3 och distribuera sedan ändringen.

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

I en webbläsare går du till innehållsleveransens nätverksslutpunkts-URL med en ny frågesträng, till exempel q=2. Azure Content Delivery Network hämtar den aktuella index.html-filen och visar V3. Men om du navigerar till nätverksslutpunkten för innehållsleverans med frågesträngen q=1 visas V2.

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

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

Det här resultatet visar att varje frågesträng behandlas olika:

• q=1 användes innan, så cachelagrat innehåll returneras (V2).
• q=2 är nytt, så det senaste webbappinnehållet hämtas och returneras (V3).

Mer information finns i Kontrollera cachelagringsbeteendet för Azure Content Delivery Network med frågesträngar.

Rensa resurser

I de föregående stegen skapade du Azure-resurser i en resursgrupp. Om du inte tror att du behöver dessa resurser i framtiden tar du bort resursgruppen genom att köra följande kommando i Cloud Shell:

az group delete --name myResourceGroup

Det kan några minuter att köra kommandot.

Nästa steg

Vad du lärt dig:

Lär dig hur du optimerar nätverksprestanda för innehållsleverans i följande artiklar: