Övning – Skapa distributionsplatser

12 minuter

Ett distributionsfack är en instans av en webbapp där du kan testa en ny appversion innan du distribuerar den. Genom att byta fack kan du distribuera en ny version av en app utan avbrott.

Antag att du har bestämt dig för att använda distributionsplatser för Azure App Service för att effektivisera distributionen av nya versioner av din webbapp för sociala medier. Du vill konfigurera webbappen i Azure och konfigurera en eller flera distributionsplatser.

I den här övningen konfigurerar du en webbapp, lägger till ett nytt distributionsfack för mellanlagring och distribuerar olika versioner av webbappen till produktions- och mellanlagringsplatserna.

Viktig

Du behöver en egen Azure-prenumeration för att köra den här övningen och du kan debiteras. Om du inte redan har en Azure-prenumeration skapar du ett kostnadsfritt konto innan du börjar.

Skapa en webbapp

Börja med att skapa en ny webbappresurs i Azure-portalen.

Logga in på Azure-portalen.
På resursmenyn eller på sidan Start väljer du Skapa en resurs. Fönstret Skapa en resurs visas.
I resursmenyn väljer du Weboch i resultatet väljer du Web App. Fönstret Skapa webbapp visas.

På fliken Grundläggande anger du följande värden för varje inställning.

Inställning	Värde
projektinformation
Abonnemang	Välj den prenumeration som du vill använda för att slutföra övningen
Resursgrupp	Välj länken Skapa ny, och ange mslearn-slots, och välj OK.
Instansdetaljer
Namn	Ange ett unikt namn.
Publicera	Kod
Körningsstack	ASP.NET V4.8
Operativsystem	Windows
Region	Välj en region nära dig.
App Service Plan
Windows-plan	Acceptera standardvärdet.
SKU och storlek	Acceptera standardvärdet.

Välj Nästa: Implementering.
Välj Nästa: Nätverk.
Välj Nästa: Övervakningoch ange följande värde för inställningen.

Inställning Värde

Application Insights

Aktivera Application Insights Växla till Ingen
Välj Granska + skapaoch välj sedan Skapa. Vänta tills distributionen har slutförts.
När distributionen är klar väljer du Gå till resurs. Fönstret App Service för webbappen visas.

Inställning	Värde
Application Insights
Aktivera Application Insights	Växla till Ingen

Konfigurera git-distribution

Du kan använda många olika verktyg för att distribuera kod till din webbapp, men i den här övningen konfigurerar du webbappen så att den använder en lokal git-lagringsplats.

På App Service-menyn går du till Deploymentoch väljer Deployment Center. Fönstret Deployment Center för app-tjänsten visas.
På fliken Inställningar väljer du Lokal Gitför Källaoch väljer sedan Spara i kommandofältet för att konfigurera distributionen.
Välj fliken lokala Git/FTPS-autentiseringsuppgifter. Under Användaromfånganger du ett unikt användarnamn och lösenord och väljer sedan Sparai kommandofältet. Anteckna användarnamnet och lösenordet för senare.

Konfigurera git-klienten och klona webbappens källkod

Nu ska du konfigurera git-klienten i Cloud Shell och använda den för att klona en exempelwebbapp.

I de globala Azure-kontrollerna överst på sidan väljer du Cloud Shell-ikonen för att starta en Azure Cloud Shell-session.
I Cloud Shell-sessionen väljer du Bash- och skapar lagring för din prenumeration när du uppmanas att göra det.

Not

Cloud Shell kräver att en Azure Storage-resurs bevarar alla filer som du skapar i Cloud Shell. När du först öppnar Cloud Shell uppmanas du att skapa en resursgrupp, ett lagringskonto och en Azure Files-resurs. Den här konfigurationen används automatiskt för alla framtida Cloud Shell-sessioner.
Ange följande kommando i Cloud Shell och ersätt <ditt användarnamn> med önskat användarnamn. Det här konfigurationsvärdet är inte associerat med något Azure-konto, så du kan använda det värde du vill.
```
git config --global user.name <your-username>
```
Ange följande kommando i Cloud Shell och ersätt <din e-postadress> med önskad e-postadress. Det här konfigurationsvärdet är inte associerat med något Azure-konto, så du kan använda det värde du vill.
```
git config --global user.email <your-email-address>
```
Ange följande kod för att skapa och öppna en demoapp mapp för källkoden.
```
mkdir demoapp
cd demoapp
```

Ange följande kod för att klona källan för webbappen och öppna din lokala kopia.

git clone https://github.com/Azure-Samples/app-service-web-dotnet-get-started.git
cd app-service-web-dotnet-get-started

Konfigurera en git-fjärranslutning för att distribuera appen till produktion

Vi ska använda git för att distribuera källkoden till webbappens produktionsplats och sedan konfigurera appens git-URL som en fjärrlagringsplats.

I Azure-portalen bör webbappen vara aktiv. I resursmenyn väljer du Översikt.
I översiktsfönstret för din webbapp finns avsnittet Essentials och där finns en URL i standarddomänen. Observera att URL:en innehåller ditt distributionsnamn för webbappen.

Obs

Om du inte ser en git-klon-URL där den visas i föregående skärmbild uppdaterar du portalen.
Hovra över URL:en för Git-klon och välj ikonen Kopiera till urklipp. Observera att det här värdet även innehåller ditt distributionsanvändarnamn.
I Cloud Shell kör du följande kommando för att konfigurera git-fjärren med namnet "produktion". Ersätt <git-clone-url> med det innehåll som du kopierade till urklipp från föregående steg.
```
cd app-service-web-dotnet-get-started
git remote add production <git-clone-url>
```
Kör följande kommando för att distribuera webbappen till produktionsplatsen. När du uppmanas att ange lösenordet anger du det distributionslösenord som du skapade i föregående uppgift.
```
git push production
```
Terminalsessionen identifierar alla processer som äger rum som en del av distributionen. Vänta tills distributionen är klar. Du bör se ett meddelande om distributionen lyckades.
I Azure-portalen bör fönstret Översikt fortfarande vara aktivt. Hovra över URL. Du kan antingen dubbelklicka på den för att öppna den på en ny webbläsarflik eller kopiera och klistra in den på en ny webbläsarflik.
Stäng webbläsarfliken som visar webbappen.

Skapa ett nytt mellanlagringsfack

För din webbapp skapade du ett fack, produktionsplatsen och du distribuerade källkod till det här facket. Låt oss skapa en distributionsplats där du kan mellanlagra nya versioner av din webbapplikation.

På menyn i Azure-portalen väljer du Startoch i Azure-tjänsterväljer du Alla resurser. Filtrera efter Type == App Serviceoch välj sedan Tillämpa.
Sortera resultatet efter Typoch välj sedan den App Service som du skapade. Fönstret App Service för webbappen visas.
På App Service-menyn går du till Distribueringoch väljer Distribueringsplatser. Fönstret Distributionsplatser för din App Service visas.
I kommandofältet väljer du + Lägg till slott. Fönstret Lägg till ett fack visas.
I fältet Namn anger du Staging, accepterar standardinställningen för Kloninställningar frånoch väljer sedan Lägg till.
När distributionsplatsen har skapats väljer du Stäng.

Konfigurera git-distribution för staging-utrymmet

Låt oss konfigurera den nya slotten för att använda git-distribution.

På Azure-portalen väljer du sidan Start och väljer sedan Alla resurserfrån Azure-tjänster.
Sortera resurserna efter resursgrupp. för resursgruppen mslearn-slotsvisas två App Service-typer. Distributionsplatser visas som separata appar i portalen.
Välj mellanlagringsplatsen. Fönstret Översikt för din App Service (Slot) visas.
I Stagingmenyn, under Deployment, väljer du Deployment Center.
På fliken Inställningar väljer du lokal Gitför Sourceoch väljer sedan Spara i kommandofältet för att konfigurera distributionen för mellanlagring.
I det resulterande distributionscenter väljer du fliken lokala Git/FTPS-autentiseringsuppgifter.
Under Användaromfånganger du ett användarnamn och lösenord och väljer sedan Spara. Azure uppdaterar användarautentiseringsuppgifter. Anteckna användarnamnet och lösenordet för senare.

Konfigurera git för att distribuera appen till mellanlagringsplatsen

Om du vill använda git-klienten för att distribuera källkoden till det nya facket ska vi lägga till en extra fjärranslutning till git-konfigurationen.

I App Service-menyn väljer du Översikt. Om du uppmanas att spara lösenordet för det användarnamn som du skapade i föregående uppgift väljer du Spara.
I fönstret Översikt i avsnittet Essentials hovrar du över url:en för Git-klon och väljer ikonen Kopiera till Urklipp. Observera att URL:en innehåller användarnamnet för versionshantering.

Obs

Om du inte ser git-klonens URL uppdaterar du portalen. Observera att den Git-klon-URL:en för mellanlagring skiljer sig något från URL:en för produktionsplatsen, och den innehåller platsnamnet.
I Cloud Shell kontrollerar du att du befinner dig i mappen ~/demoapp/app-service-web-dotnet-get-started och kör sedan följande kommando och ersätter <git-clone-uri-> med url:en som du kopierade i föregående steg.
```
git remote add staging <git-clone-uri>
```

Ändra appens källkod och distribuera appen till mellanlagringsplatsen

Nu ska vi göra en liten ändring i webbappfilerna och sedan använda git för att distribuera den nya versionen till mellanlagringsplatsen:

Kör följande kommando i Cloud Shell.
```
code .
```
I listan över FILERexpanderar du aspnet-get-started>Views>Home folders och väljer Index.cshtml.
Leta upp följande HTML-kod.
```
<h1>ASP.NET</h1>
```
Ersätt koden med den här HTML-koden.
```
<h1>Web App Version 2</h1>
```
Tryck på Ctrl+ S för att spara ändringarna och tryck sedan på Ctrl + Q för att stänga redigeraren.
I Cloud Shell kör du följande kod för att checka in den nya versionen av appen till git och distribuera den till mellanlagringsplatsen.
```
git add .
git commit -m "New version of web app."
git push staging
```
Ange ditt distributionslösenord när du uppmanas att göra det. Meddelanden om åtgärderna för att skapa och distribuera mellanlagringsvisningen i Cloud Shell-sessionen och bör visa Distributionen lyckades.

Bläddra i förberedelsespåret

Nu kan du visa den nya versionen av webbappen genom att navigera till URL:en för mellanlagringsplatsen.

Välj Bläddra i kommandofältet i fönstret Översikt för mellanlagringsplatsen eller välj URL:en i standarddomänen. Startsidan för staging Web App Version 2 visas i en webbläsarflik.

Grattis, du har skapat ett mellanlagringsfack som har en egen version av webbappkoden och du kan köra tester på den. Kom ihåg att produktionsfacket har den tidigare webbappversionen och att användarna ännu inte kan se din nya kod.