Gyakorlat – Az Azure DevOps-környezet beállítása

  • 8 perc

Ebben a leckében győződjön meg arról, hogy a Microsoft Azure DevOps-szervezet be van állítva a modul többi részének befejezéséhez.

Ehhez a következőt kell tennie:

  • Állítson be egy Azure DevOps-projektet ehhez a modulhoz.
  • Helyezze át a modul munkaelemét az Azure Boardsban 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.

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. Ezt egy sablon futtatásával teheti meg, amely létrehoz egy projektet az Azure DevOpsban.

A sablon futtatása

Futtathat egy sablont, amely minden beállítást elvégez az Azure DevOps-szervezetben.

A sablon futtatása

A sablon futtatásához tegye a következőket az Azure DevOps Demo Generator webhelyén:

  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, majd adjon meg egy projektnevet, például: Space Game – web – Tesztek.

  3. Jelölje be az Igen melletti jelölőnégyzetet , elágaztatnám ezt az adattárat, majd válassza az Engedélyezés lehetőséget. Ha megjelenik egy ablak, engedélyezze a hozzáférést a GitHub-fiókjához.

    Fontos

    Ezt a lehetőséget kell kiválasztania a sablon számára a GitHub-adattárhoz való kapcsolódáshoz. Akkor is válassza ki, ha már elágazott a Space Game webhelyprojektje. A sablon a meglévő elágaztatást használja.

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

    Képernyőkép az Azure DevOps Demo Generator Új projekt létrehozása képernyőről, kiemelve a Projekt létrehozása gombot.

    A sablon futtatása eltarthat egy kis ideig.

  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. Mindenképpen hajtsa végre a törlési lépéseket, akkor is, ha nem fejezi be 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 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 projektet helyileg, a következő szakaszra léphet.

Az integrált terminál megnyitása

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

  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 basht. Ha ismeri a használni kívánt másik Unix-rendszerhéjat(például a Zsh-t), válassza inkább ezt a rendszerhéjat.

    Képernyőkép a Visual Studio Code-ról, amelyen a Bash-rendszerhéj helye látható.

    A terminálablakban kiválaszthatja a rendszeren telepített összes rendszerhéjat, például a Basht, a Zsh-t és a PowerShellt.

    Most a Basht fogja használni. A Git for Windows Git Basht kínál, amellyel a Git-parancsok egyszerűen futtathatók.

    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 keresse meg a használni kívánt könyvtárat, például a kezdőkönyvtárat (~). Tetszés szerint másik könyvtárat is választhat.

    cd ~

A Git konfigurálása

Ha még csak most ismerkedik a Gittel és a GitHubtal, először futtatnia kell néhány parancsot az identitás githez való társításához és a GitHubon való hitelesítéshez.

A Git beállításáról szóló rész részletesebben ismerteti a folyamatot.

Legalább a következő lépéseket kell elvégeznie. Futtassa az alábbi parancsokat az integrált terminálró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, és használja a jogkivonatot a jelszó helyett, amikor a rendszer később kéri.

A hozzáférési jogkivonatot úgy kezelje, mint egy jelszót. Tartsa biztonságos helyen.

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

Ebben a részben helyileg klónozza az elágazást, hogy módosításokat hajthass végre, és kiépíthesse a folyamatkonfigurációt.

Feljegyzés

Ha hibaüzenetet kap arról, hogy a fájlnevek túl hosszúak az adattár klónozásakor, próbálja meg klónozni az adattárat egy olyan mappába, amely nem rendelkezik hosszú névvel, vagy mélyen beágyazott.

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. Adattárak klónozásakor módosításokat végezhet, ellenőrizheti, hogy az elvárásai szerint működnek-e, majd a módosításokat visszatöltheti a GitHubra. Szinkronizálhatja adattárának helyi másolatát azokkal a GitHubon található másolatokkal is, amelyeken más hitelesített felhasználók hajtottak végre módosításokat.

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) 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.

    Az URL-cím és a másolás gomb keresése a GitHub-adattárból.

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

  4. A terminálban lépjen a használni kívánt könyvtárra, például a kezdőkönyvtárra (~). Tetszés szerint másik könyvtárat is választhat.

    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.git

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

    cd mslearn-tailspin-spacegame-web

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.git (fetch)
origin  https://github.com/username/mslearn-tailspin-spacegame-web.git (push)

    Az Origin megadja az adattárat a GitHubon. Egy másik adattárból származó kód elágaztatásakor az eredeti távoli adattárnak (amelyikből az elágaztatást elvégezte) a felsőbb rétegbeli elnevezést szokás adni.

  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.git

  3. Futtasson git remote egy második alkalommal a módosítások megtekintéséhez:

    git remote -v

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

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

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.