Gyakorlat – Saját környezet beállítása

  • 20 perc

Ebben a szakaszban győződjön meg arról, hogy az Azure DevOps-szervezet be van állítva a modul többi részének befejezéséhez. Emellett létre kell hoznia azokat a Azure-alkalmazás szolgáltatáskörnyezeteket is, amelyeken üzembe helyez.

Ezeknek a céloknak a teljesítéséhez:

  • Adjon hozzá egy felhasználót, hogy az Azure DevOps csatlakozni tud az Azure-előfizetéséhez.
  • Állítson be egy Azure DevOps-projektet ehhez a modulhoz.
  • Az Azure Boardsban helyezze át a modul munkaelemét a Doing oszlopba.
  • Győződjön meg arról, hogy a projekt helyileg van beállítva, hogy a módosításokat le tudja küldeni a folyamatba.
  • Hozza létre a Azure-alkalmazás szolgáltatáskörnyezeteket az Azure CLI használatával az Azure Cloud Shellben.
  • Hozzon létre olyan folyamatváltozókat, amelyek meghatározzák az App Service-környezetek nevét.
  • Hozzon létre egy szolgáltatáskapcsolatot, amely lehetővé teszi az Azure Pipelines számára az Azure-előfizetés biztonságos elérését.
  • Kezdeti üzembe helyezés végrehajtása.

Felhasználó hozzáadása az Azure DevOpshoz

A modul elvégzéséhez saját Azure-előfizetésre van szüksége. Ingyenesen használhatja az Azure-t.

Bár az Azure DevOps használatához nincs szüksége Azure-előfizetésre, az Azure DevOps használatával üzembe helyezheti az Azure-előfizetésében található erőforrásokat. A folyamat egyszerűsítése érdekében ugyanazzal a Microsoft-fiókkal jelentkezzen be az Azure-előfizetésbe és az Azure DevOps-szervezetbe is.

Ha különböző Microsoft-fiókokat használ az Azure-ba és az Azure DevOpsba való bejelentkezéshez, akkor adjon hozzá egy felhasználót a DevOps-szervezethez az Azure-ba való bejelentkezéshez használt Microsoft-fiók alatt. További információ: Felhasználók hozzáadása a szervezethez vagy projekthez. A felhasználó hozzáadásakor válassza az Alapszintű hozzáférési szintet.

Ezután jelentkezzen ki az Azure DevOpsból, és jelentkezzen be újra az Azure-előfizetésbe való bejelentkezéshez használt Microsoft-fiók alatt.

Az Azure DevOps-projekt lekérése

Itt győződjön meg arról, hogy az Azure DevOps-szervezet be van állítva a modul többi részének befejezéséhez. A beállításhoz futtasson egy sablont, amely létrehoz egy projektet az Azure DevOpsban.

Az ebben a képzési tervben szereplő modulok egy folyamat részei. A Tailspin-webcsapatot a DevOps-folyamaton keresztül követheti. Tanulási célokra minden modulhoz tartozik egy Azure DevOps-projekt.

A sablon futtatása

Futtasson egy sablont, amely beállítja az Azure DevOps-szervezetet.

A sablon futtatása

Az Azure DevOps Demo Generator webhelyén kövesse az alábbi lépéseket a sablon futtatásához:

  1. Válassza a Bejelentkezés lehetőséget, és fogadja el a használati feltételeket.

  2. Az Új projekt létrehozása lapon válassza ki az Azure DevOps-szervezetet. Ezután adja meg a projekt nevét, például a Space Game – web – Üzembehelyezési mintákat.

    Screenshot that shows how to create a project through the Azure DevOps Demo Generator.

  3. Válassza az Igen lehetőséget, elágazni szeretném ezt az adattárat. Ezután válassza az Engedélyezés lehetőséget.

  4. Válassza a Projekt létrehozása lehetőséget.

    A sablon futtatása néhány percet vesz igénybe.

  5. Válassza a Navigálás a projekthez lehetőséget a projekthez való ugráshoz az Azure DevOpsban.

Fontos

A jelen modul Clean up your Azure DevOps environment (Az Azure DevOps-környezet felesleges elemeinek törlése) oldala fontos tisztítási lépéseket tartalmaz. A felesleges elemek eltávolításával gondoskodhat arról, hogy ne fogyjanak el az ingyenes fordítási percei. Ügyeljen arra, hogy akkor is kövesse a tisztítási lépéseket, ha nem végzi el ezt a modult.

A projekt láthatóságának beállítása

Kezdetben a GitHubon a Space Game-adattár elágazása nyilvánosra van állítva, míg az Azure DevOps-sablon által létrehozott projekt privátra van állítva. A GitHub nyilvános adattárát bárki elérheti, míg egy privát adattár csak Ön és az Ön által megosztott személyek számára érhető el. Hasonlóképpen, az Azure DevOpsban a nyilvános projektek írásvédett hozzáférést biztosítanak a nem hitelesített felhasználók számára, míg a privát projektekhez hozzáférést és hitelesítést kell biztosítani a felhasználóknak a szolgáltatások eléréséhez.

Jelenleg nem szükséges ezen beállítások egyikét sem módosítani a modul céljaira. Személyes projektjei esetében azonban meg kell határoznia, hogy milyen láthatóságot és hozzáférést kíván biztosítani másoknak. Ha például a projekt nyílt forráskód, dönthet úgy, hogy a GitHub-adattárat és az Azure DevOps-projektet is nyilvánossá teszi. Ha a projekt védett, általában a GitHub-adattárat és az Azure DevOps-projektet is magánjellegűvé tenné.

Később a következő erőforrásokat hasznosnak találhatja annak meghatározásához, hogy melyik lehetőség a legjobb a projekt számára:

A munkaelem áthelyezése Doing (Folyamatban) állapotba

Ebben a részben az Azure Boardsban hozzárendel egy, a modulhoz kapcsolódó munkaelemet. A munkaelemet a Feladat állapotba is áthelyezheti. A gyakorlatban a csapat munkaelemeket hozna létre az egyes futamok elején vagy a munka iterációjában.

E munkakiosztás eredményeként létrejön egy ellenőrzőlista, amelyből dolgozhat. Ezzel a csapat áttekintheti, hogy min dolgozik, és mennyi munka marad hátra. Emellett segít a csapatnak a folyamatban lévő munka korlátozásainak (WIP) érvényesítésében, hogy a csapat egyszerre ne vállaljon túl sok munkát.

Ne feledje, hogy a csapat az aktuális futam legfontosabb problémáival foglalkozik:

Screenshot of Azure Boards that shows the tasks for this sprint.

Feljegyzés

Egy Azure DevOps-szervezeten belül a munkaelemek számozása egymás után lesz. A projektben előfordulhat, hogy az egyes munkaelemek száma nem egyezik az itt látható számmal.

Itt áthelyezheti az ötödik elemet, a Kiadási ütem javítása oszlopot a Művelet oszlopba. Ezután hozzárendelheti magát a munkaelemhez. A kiadási ütem javítása egy olyan üzembehelyezési minta kiválasztásával kapcsolatos, amely lehetővé teszi a módosítások gyors kiadását a felhasználók számára.

A munkaelem beállítása:

  1. Az Azure DevOpsban lépjen a Táblák elemre, majd válassza a Táblák lehetőséget a menüből.

    Screenshot of Azure DevOps that shows the location of the Boards menu.

  2. A Kiadási ütem javítása munkaelem alján kattintson a lefelé mutató nyílra. Ezt követően rendelje saját magához a munkaelemet.

    Screenshot of Azure Boards that shows the location of the down arrow.

  3. Helyezze át a munkaelemet a Teendő oszlopból a Feladat oszlopba.

    Screenshot of Azure Boards that shows the card in the Doing column.

A modul végén a kártya a Kész oszlopba kerül a feladat elvégzése után.

A projekt helyi beállítása

Itt betöltheti a Space Game-projektet a Visual Studio Code-ban, konfigurálhatja a Gitet, klónozhatja az adattárat helyileg, és beállíthatja a távoli felsőbb réteget, hogy letölthesse a kezdőkódot.

Feljegyzés

Ha már beállította az mslearn-tailspin-spacegame-web-deploy projektet helyileg, továbbléphet a következő szakaszra.

Az integrált terminál megnyitása

A Visual Studio Code integrált terminállal rendelkezik. Itt egyszerre szerkesztheti a fájlokat, és a parancssorból is dolgozhat.

  1. Indítsa el a Visual Studio Code-ot.

  2. A Nézet menüben válassza a Terminál lehetőséget.

  3. A legördülő listában válassza a Git Bash lehetőséget. Ha ismeri a használni kívánt másik Unix-rendszerhéjat, válassza inkább ezt a rendszerhéjat.

    A screenshot of Visual Studio Code showing the location of the Git Bash shell.

    A terminálablakban kiválaszthatja a rendszerre telepített összes rendszerhéjat. Választhatja például a Git Basht, a PowerShellt vagy egy másik rendszerhéjat.

    Itt a Git Basht fogja használni, amely a Windows Git része, ami megkönnyíti a Git-parancsok futtatását.

    Feljegyzés

    Windows rendszeren, ha nem látja a Git Basht beállításként, győződjön meg arról, hogy telepítette a Gitet, majd indítsa újra a Visual Studio Code-ot.

  4. cd A parancs futtatásával lépjen arra a könyvtárra, ahol dolgozni szeretne. Ha szeretné, válassza ki a kezdőkönyvtárat (~) vagy egy másik könyvtárat.

    cd ~

A Git konfigurálása

Ha még csak most ismerkedik a Gittel és a GitHubtal, először futtasson néhány parancsot az identitás githez való társításához és a GitHubon való hitelesítéshez. További információ: Git beállítása.

Legalább el kell végeznie a következő lépéseket. Futtassa a parancsokat az integrált terminálból.

  1. Adja meg a felhasználónevét.
  2. A véglegesítési e-mail-cím beállítása.
  3. Gyorsítótárazza a GitHub-jelszót.

Feljegyzés

Ha már használ kéttényezős hitelesítést a GitHubon, hozzon létre egy személyes hozzáférési jogkivonatot. Amikor a rendszer kéri, használja a jogkivonatot a jelszó helyett.

Kezelje a hozzáférési jogkivonatot jelszóként. Tartsa biztonságos helyen.

A projekt beállítása a Visual Studio Code-ban

Az Azure DevOps képzési tervvel rendelkező alkalmazások létrehozása során elágaztatott, majd klónozott egy Git-adattárat. Az adattár tartalmazza a Space Game webhely forráskódját. Az elágaztatás az Azure DevOpsban kapcsolódott a projektjeihez, így a build akkor fut, amikor módosításokat küld a GitHubra.

Fontos

Ebben a képzési tervben átváltunk egy másik Git-adattárra, az mslearn-tailspin-spacegame-web-deploy-re. Amikor futtatta a sablont az Azure DevOps-projekt beállításához, a folyamat automatikusan elágazott az adattárból.

Ebben a részben helyileg klónozza az elágazást, így módosíthatja és felépítheti a folyamatkonfigurációt.

Az elágazás klónozása helyileg

Most már rendelkezik a Space Game webprojekt egy példányával a GitHub-fiókjában. Most letölthet vagy klónozhat egy másolatot a számítógépére, hogy működjön vele.

A klón, akárcsak egy elágazás, egy adattár másolata. Amikor klónoz egy adattárat, módosításokat hajthat végre, ellenőrizheti, hogy a várt módon működnek-e, majd feltöltheti ezeket a módosításokat a GitHubra. A helyi másolatot szinkronizálhatja az adattár GitHub-példányán más hitelesített felhasználók által végrehajtott módosításokkal is.

A Space Game webprojekt számítógépre való klónozásához tegye a következőt:

  1. Nyissa meg a Space Game webes projekt (mslearn-tailspin-spacegame-web-deploy) elágazását a GitHubon.

  2. Válassza a Kód lehetőséget. Ezután a HTTPS lapon válassza a megjelenő URL-cím melletti gombot, amely az URL-címet a vágólapra másolja.

    Screenshot that shows how to locate the URL and copy button from the GitHub repository.

  3. A Visual Studio Code-ban nyissa meg a terminálablakot.

  4. A terminálban lépjen arra a könyvtárra, ahol dolgozni szeretne. Ha szeretné, válassza ki a kezdőkönyvtárat (~) vagy egy másik könyvtárat.

    cd ~

  5. Futtassa a következő parancsot: git clone. Cserélje le az itt látható URL-címet a vágólap tartalmára:

    git clone https://github.com/your-name/mslearn-tailspin-spacegame-web-deploy.git

  6. Lépjen az mslearn-tailspin-spacegame-web-deploy könyvtárba. Ez a könyvtár lesz az adattár gyökérkönyvtára.

    cd mslearn-tailspin-spacegame-web-deploy

Felsőbb rétegbeli távoli adattár beállítása

A távoli egy Git-adattár, ahol a csapattagok együttműködnek (például egy GitHub-adattár). Itt felsorolhatja a távvezérlőket, és hozzáadhat egy olyan távoli elemet, amely az adattár Microsoft-példányára mutat, hogy megkapja a legújabb mintakódot.

  1. Futtassa ezt a git remote parancsot a távoli eszközök listázásához:

    git remote -v

    Láthatja, hogy a lekéréses (letöltési) és a leküldéses (feltöltési) hozzáféréssel is rendelkezik az adattárhoz:

    origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)

    Az Origin megadja az adattárat a GitHubon. Amikor egy másik adattárból elágazik a kód, az eredeti távoli (az elágazott) neve gyakran felfelé történik.

  2. Futtassa ezt a git remote add parancsot egy távoli, a Microsoft-adattárra mutató, upstream nevű távoli objektum létrehozásához:

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git

  3. Futtassa git remote újra a módosításokat:

    git remote -v

    Láthatja, hogy továbbra is rendelkezik beolvasási (letöltési) és leküldéses (feltöltési) hozzáféréssel az adattárhoz. Most már beolvashatja a Microsoft-adattárhoz való hozzáférést is:

    origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)
upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git (fetch)

A projekt megnyitása a fájlkezelőben

A Visual Studio Code-ban a terminálablak a Space Game webprojekt gyökérkönyvtárára mutat. A struktúra megtekintéséhez és a fájlok használatához a fájlkezelőből megnyithatja a projektet.

  1. A projekt megnyitásának legegyszerűbb módja a Visual Studio Code újbóli megnyitása az aktuális könyvtárban. Ehhez futtassa a következő parancsot az integrált terminálról:

    code -r .

    Megjelenik a könyvtár és a fájlok fája a fájlkezelőben.

  2. Nyissa meg újra az integrált terminált. A terminál a webes projekt gyökeréhez helyezi.

Ha a code parancs sikertelen, hozzá kell adnia a Visual Studio Code-ot a rendszer PATH-hoz. Ehhez tegye a következőket:

  1. A Visual Studio Code-ban válassza az F1 lehetőséget, vagy válassza a Parancskatalógus megtekintése>lehetőséget a parancskatalógus eléréséhez.
  2. A parancskatalógusban adja meg a Shell-parancsot: Telepítse a "code" parancsot a PATH-ban.
  3. Ismételje meg az előző eljárást a projekt fájlkezelőben való megnyitásához.

Most már úgy van beállítva, hogy a helyi fejlesztési környezetből használja a Space Game forráskódját és az Azure Pipelines-konfigurációt.

A Azure-alkalmazás szolgáltatáskörnyezetek létrehozása

Itt hozza létre a folyamatszakaszokat meghatározó környezeteket. Létre kell hoznia egy App Service-példányt, amely megfelel az egyes fázisoknak: fejlesztés, tesztelés és előkészítés.

A korábbi modulokban az Azure CLI használatával hozta létre az App Service-példányokat. Itt is ugyanezt fogja tenni.

Fontos

A modul gyakorlatainak elvégzéséhez saját Azure-előfizetésre van szüksége.

A Cloud Shell használata az Azure Portalon

  1. Nyissa meg az Azure Portalt, és jelentkezzen be.
  2. A menüben válassza a Cloud Shellt. Amikor a rendszer kéri, válassza ki a Bash-felületet .

Azure-régió kiválasztása

Itt adhatja meg az alapértelmezett régiót vagy földrajzi helyet, ahol létrejönnek az Azure-erőforrások.

  1. A Cloud Shellben futtassa a következő az account list-locations parancsot az Azure-előfizetésből elérhető régiók listázásához.

    az account list-locations \
  --query "[].{Name: name, DisplayName: displayName}" \
  --output table

  2. A kimenet Név oszlopában válasszon ki egy Önhöz közeli régiót. Válassza például az eastasia vagy a westus2 lehetőséget.

  3. Futtassa az configure az alapértelmezett régió beállításához. Cserélje le <a RÉGIÓt> a választott régió nevére.

    az configure --defaults location=<REGION>

    Ez a példa a westus2-t állítja be alapértelmezett régióként:

    az configure --defaults location=westus2

Az App Service-példányok létrehozása

Itt létrehoz egy App Service-példányt a következő három fázishoz: Dev, Test és Staging. A modul későbbi részében üzembehelyezési pontot fog hozzáadni az előkészítéshez.

Feljegyzés

Tanulási célokra itt az alapértelmezett hálózati beállításokat használja. Ezek a beállítások elérhetővé teszik a webhelyet az internetről. A gyakorlatban konfigurálhat egy Azure-beli virtuális hálózatot, amely a webhelyet olyan hálózatba helyezi, amely nem érhető el az internetről, de csak a csapata fér hozzá. Később, amikor elkészült, újrakonfigurálhatja a hálózatot, hogy elérhetővé tegye a webhelyet a felhasználók számára.

  1. A Cloud Shellben hozzon létre egy véletlenszerű számot, amely egyedivé teszi a webalkalmazás tartománynevét:

    webappsuffix=$RANDOM

  2. Futtassa a következő az group create parancsot egy tailspin-space-game-rg nevű erőforráscsoport létrehozásához.

    az group create --name tailspin-space-game-rg

  3. Futtassa az alábbi parancsokat két App Service-csomag létrehozásához.

    az appservice plan create \
  --name tailspin-space-game-test-asp \
  --resource-group tailspin-space-game-rg \
  --sku B1 \
  --is-linux

az appservice plan create \
  --name tailspin-space-game-prod-asp \
  --resource-group tailspin-space-game-rg \
  --sku P1V2 \
  --is-linux

    Fontos

    Ha a B1 termékváltozat nem érhető el az Azure-előfizetés részeként, válasszon egy másik csomagot, például S1 (Standard).

    Ne feledje, hogy egy App Service-csomag határozza meg a webalkalmazás futtatásához biztosított CPU-, memória- és tárolási erőforrásokat.

    Az első parancs megadja a B1-tervet . Ez a csomag az Alapszintű szinten fut. Az App Service-környezetek ezt a tervet használják a fejlesztési és tesztelési szakaszokhoz. A B1 Alapcsomag olyan alkalmazásokhoz készült, amelyek alacsony forgalmú követelményeket támasztanak, például fejlesztési vagy tesztelési környezetben.

    A második parancs a Prémium szinten futó P1V2 csomagot adja meg. Ez a terv előkészítéshez használatos. A Prémium P1V2 csomag éles számítási feladatokhoz készült. Dedikált virtuálisgép-példányokon fut.

    Az alapszintű csomagcsomag nem kínál további üzembehelyezési pontokat. A Prémium csomag azonban igen. Ezért van szüksége a Prémium csomagra az átmeneti környezethez.

  4. Futtassa a következő az webapp create parancsokat a három App Service-példány létrehozásához, egyet a dev, a test és az átmeneti környezetekhez.

    az webapp create \
  --name tailspin-space-game-web-dev-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-test-asp \
  --runtime "DOTNET|6.0"

az webapp create \
  --name tailspin-space-game-web-test-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-test-asp \
  --runtime "DOTNET|6.0"

az webapp create \
  --name tailspin-space-game-web-staging-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-prod-asp \
  --runtime "DOTNET|6.0"

    Figyelje meg, hogy itt ugyanazt az App Service-csomagot( B1 Basic) alkalmazza a Dev és a Test App Service-példányokra. Az App Service premium P1V2 csomagját az Előkészítéshez használt App Service-példányra alkalmazza.

  5. Futtassa az alábbi az webapp list parancsot az egyes App Service-példányok gazdagépnevének és állapotának listázásához.

    az webapp list \
  --resource-group tailspin-space-game-rg \
  --query "[].{hostName: defaultHostName, state: state}" \
  --output table

    Jegyezze fel az egyes futó szolgáltatások gazdagépnevét. Ezekre a gazdagépnevekre később szüksége lesz, amikor ellenőrzi a munkáját. Íme egy példa a gazdagépnevekre:

    HostName                                                 State
-------------------------------------------------------  -------
tailspin-space-game-web-dev-21017.azurewebsites.net      Running
tailspin-space-game-web-test-21017.azurewebsites.net     Running
tailspin-space-game-web-staging-21017.azurewebsites.net  Running

  6. Választható lépésként lépjen egy vagy több névre. Ellenőrizze, hogy futnak-e, és hogy megjelenik-e az alapértelmezett kezdőlap.

    Ez a lap minden környezetben megjelenik:

    Screenshot of the default home page in Azure App Service.

Fontos

A jelen modul Clean up your Azure DevOps environment (Az Azure DevOps-környezet felesleges elemeinek törlése) oldala fontos tisztítási lépéseket tartalmaz. A tisztítás segít biztosítani, hogy a modul elvégzése után ne kell fizetnie az Azure-erőforrásokért. Mindenképpen hajtsa végre a törlési lépéseket, akkor is, ha nem fejezi be a modult.

Folyamatváltozók létrehozása az Azure Pipelinesban

Az Azure Pipelines használatával többlépcsős folyamat létrehozásakor egy változót adott hozzá a folyamat fejlesztői, tesztelési és előkészítési fázisainak megfelelő App Service-példányokhoz. Itt is ugyanezt csinálod.

A folyamatkonfiguráció minden szakasza ezeket a változókat használja annak azonosítására, hogy melyik App Service-példányon kell üzembe helyezni.

A változók hozzáadása:

  1. Az Azure DevOpsban nyissa meg a Space Game – Web – Üzembehelyezési minták projektet.

  2. A Folyamatok területen válassza a Kódtár lehetőséget.

    Screenshot of Azure Pipelines that shows the Library menu option.

  3. Válassza a + Változó csoport lehetőséget.

  4. A Tulajdonságok csoportban adja meg a változócsoport nevét.

  5. A Változók csoportban válassza a + Hozzáadás lehetőséget.

  6. A változó nevére írja be a WebAppNameDev nevet. Értékként adja meg a dev környezetnek megfelelő App Service-példány nevét, például tailspin-space-game-web-dev-1234.

  7. Ismételje meg kétszer az 5. és a 6. lépést a teszt - és átmeneti környezetek változóinak létrehozásához, ahogyan az a táblázatban látható:

    Változó neve Példaérték
    WebAppNameTest tailspin-space-game-web-test-1234
    WebAppNameStaging tailspin-space-game-web-staging-1234

    Mindenképpen cserélje le az egyes példaértékeket a környezetnek megfelelő App Service-példányra.

    Fontos

    Állítsa be az App Service-példány nevét, nem pedig a gazdagép nevét. Ebben a példában a tailspin-space-game-web-dev-1234 értéket kell megadnia, és nem tailspin-space-game-web-dev-1234.azurewebsites.net.

  8. A lap tetején válassza a Mentés lehetőséget a változó folyamatba mentéséhez.

    A változócsoport a következőhöz hasonló:

    Screenshot of Azure Pipelines that shows the variable group. The group contains three variables.

Fejlesztői, tesztelési és előkészítési környezetek létrehozása

A korábbi modulokban környezeteket hozott létre a fejlesztői, tesztelési és előkészítési környezetekhez. Itt ismételje meg a folyamatot.

A fejlesztői, tesztelési és előkészítési környezetek létrehozása:

  1. Az Azure Pipelinesban válassza a Környezetek lehetőséget.

    Screenshot of Azure Pipelines that shows the location of the Environments menu option.

  2. A fejlesztői környezet létrehozása:

    1. Válassza a Környezet létrehozása lehetőséget.
    2. A Név mezőbe írja be a dev nevet.
    3. Hagyja meg a többi mezőt az alapértelmezett értékükön.
    4. Válassza a Létrehozás lehetőséget.

  3. A tesztkörnyezet létrehozása:

    1. Térjen vissza a Környezetek lapra.
    2. Válassza az Új környezet lehetőséget.
    3. A Név mezőbe írja be a tesztet.
    4. Válassza a Létrehozás lehetőséget.

  4. Az átmeneti környezet létrehozása:

    1. Térjen vissza a Környezetek lapra.
    2. Válassza az Új környezet lehetőséget.
    3. A Név területen adja meg az előkészítést.
    4. Válassza a Létrehozás lehetőséget.

Szolgáltatáskapcsolat létrehozása

Itt létrehoz egy szolgáltatáskapcsolatot, amely lehetővé teszi az Azure Pipelines számára az Azure-előfizetés elérését. Az Azure Pipelines ezzel a szolgáltatáskapcsolattal telepíti a webhelyet az App Service-ben. Hasonló szolgáltatáskapcsolatot hozott létre az előző modulban.

Fontos

Győződjön meg arról, hogy ugyanabban a Microsoft-fiókban van bejelentkezve az Azure Portalra és az Azure DevOpsba is.

  1. Az Azure DevOpsban nyissa meg a Space Game – Web – Üzembehelyezési minták projektet.

  2. A lap alsó sarkában válassza a Projektbeállítások lehetőséget.

  3. A Folyamatok területen válassza a Szolgáltatáskapcsolatok lehetőséget.

  4. Válassza az Új szolgáltatáskapcsolat lehetőséget, majd az Azure Resource Managert, majd a Tovább lehetőséget.

  5. A lap tetején található szolgáltatásnév (automatikus). Ezután válassza a Tovább gombra.

  6. Töltse ki a következő mezőket:

    Mező Érték
    Hatókör szintje Előfizetés
    Előfizetés Az Azure-előfizetése
    Erőforráscsoport tailspin-space-game-rg
    Szolgáltatáskapcsolat neve Resource Manager - Tailspin - Space Game

    A folyamat során előfordulhat, hogy a rendszer arra kéri, hogy jelentkezzen be a Microsoft-fiókjába.

  7. Győződjön meg arról, hogy az összes folyamat hozzáférési engedélyének megadása ki van jelölve.

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

    Az Azure DevOps tesztkapcsolatot végez annak ellenőrzéséhez, hogy képes-e csatlakozni az Azure-előfizetéséhez. Ha az Azure DevOps nem tud csatlakozni, lehetősége van második alkalommal bejelentkezni.

Az ág lehívása a GitHubról

Itt lekéri az ágat a blue-green GitHubról. Ezután kiveheti vagy átválthat erre az ágra.

Ez az ág tartalmazza azt a Space Game-projektet , amellyel az előző modulokban dolgozott, és egy Azure Pipelines-konfigurációt, amellyel kezdeni kell.

  1. Nyissa meg az integrált terminált a Visual Studio Code-ban.

  2. Futtassa az alábbi git parancsokat a Microsoft-adattárból elnevezett blue-green ág lekéréséhez és az ágra való váltáshoz.

    git fetch upstream blue-green
git checkout -B blue-green upstream/blue-green

    Ezeknek a parancsoknak a formátuma lehetővé teszi kezdőkód lekérését a Microsoft GitHub-adattárból, más néven upstream. Ezt az ágat hamarosan leküldi majd a saját, origin nevű GitHub-adattárába.

  3. Választható lépésként nyissa meg azure-pipelines.yml a Visual Studio Code-ból. Ismerkedjen meg a kezdeti konfigurációval.

    A konfiguráció a képzési terv korábbi moduljaiban létrehozottakhoz hasonlít. Csak az alkalmazás kiadási konfigurációját hozza létre. A rövidség kedvéért kihagyja a korábbi modulokban beállított triggereket, manuális jóváhagyásokat és teszteket.

    Tanulási célokra ez a konfiguráció előlépteti a fejlesztés, tesztelés és előkészítés bármely ágának változásait. Egy robusztusabb megközelítés csak egy kiadási ág vagy mainegy . Ezt a robusztus megközelítést az Azure Pipelines-modullal többlépcsős folyamat létrehozása során használta.

Futtassa a folyamatot, és tekintse meg az üzembe helyezett webhelyet

Itt leküldheti a kezdeti konfigurációt a GitHubra, hogy naprakész legyen a csapattal. Később hozzáad egy pontot az átmeneti környezethez, hogy megvalósíthassa a kék-zöld üzembe helyezést.

  1. Nyissa meg az integrált terminált a Visual Studio Code-ban.

  2. Az alábbi git commit parancs futtatásával adjon hozzá egy üres bejegyzést a véglegesítési előzményekben.

    git commit --allow-empty -m "Trigger the pipeline"

    Ez a lépés tanulási célokra szolgál. Ez nem jellemző. Olyan kezdőkódot adunk meg, amelyet most nem kell módosítania. A --allow-empty jelölő biztosítja, hogy a következő lépés sikeresen leküldje az ágat a GitHubra, és aktiválja az Azure Pipelines futtatását.

    Ha nem tette meg ezt a lépést, akkor a git push következő lépésben futtatott parancs nem hajt végre semmilyen műveletet. Ezért nem aktiválná az Azure Pipelines futtatását.

  3. A következő git push paranccsal töltse fel az ágat a GitHub-adattárába.

    git push origin blue-green

  4. Az Azure Pipelinesban nyissa meg a buildet. Ezután futva nyomon követheti a buildet. Amikor a rendszer kéri, válassza az Engedélyezés lehetőséget a különböző fázisok üzembehelyezési engedélyeinek megadásához.

  5. A folyamatfuttatás befejezése után lépjen az összefoglaló oldalra a folyamat állapotának megtekintéséhez.

    Screenshot of Azure Pipelines that shows the completed stages.

  6. Keresse meg az egyes szakaszoknak megfelelő URL-címet. A webalkalmazást minden környezetben üzembe kell helyezni.

    Screenshot of a web browser that shows the Space Game website in the Dev environment.