Alıştırma - Azure DevOps ortamınızı ayarlama

Tamamlandı

Bu ünitede, Microsoft Azure DevOps kuruluşunuzun bu modülün geri kalanını tamamlayacak şekilde ayarlandığından emin olacaksınız.

Bunu yapmak için şunları yaparsınız:

  • Bu modül için bir Azure DevOps projesi ayarlayın.
  • Azure Boards'da bu modülün iş öğesini Yapıyor sütununa taşıyın.
  • Değişiklikleri işlem hattına gönderebilmek için projenizin yerel olarak ayarlandığından emin olun.

Azure DevOps projesini alma

Burada Azure DevOps kuruluşunuzun bu modülün geri kalanını tamamlayacak şekilde ayarlandığından emin olursunuz. Bunu, Azure DevOps'ta sizin için bir proje oluşturan bir şablon çalıştırarak yaparsınız.

Tailspin web takımının DevOps yolculuğunu izlediğiniz bu öğrenme yolundaki modüller belirli bir düzende ilerler. Öğrenme amacıyla her modülün ilişkili bir Azure DevOps projesi vardır.

Şablonu çalıştırma

Azure DevOps kuruluşunuzda sizin için her şeyi ayarlayan bir şablon çalıştırın.

Şablonu çalıştırmak için Azure DevOps Demo Generator sitesinde aşağıdakileri yapın:

  1. Oturum Aç'ı seçin ve kullanım koşullarını kabul edin.

  2. Yeni Proje Oluştur sayfasında Azure DevOps kuruluşunuzu seçin ve ardından Space Game - web - İş Akışı gibi bir proje adı girin.

  3. Evet, bu deponun çatallarını yapmak istiyorum'u ve ardından Yetki ver'i seçin. Bir pencere gösterilirse GitHub hesabınıza erişim yetkisi verin.

    Önemli

    Şablonun GitHub deponuza bağlanması için bu seçeneği belirtmeniz gerekir. Space Game web sitesi projesini önceden çatallamış olsanız bile seçin. Şablon mevcut çatalınızı kullanır.

  4. Proje Oluştur'u seçin.

    Yeni proje oluşturmayı gösteren Azure DevOps Demo Oluşturucu'nun ekran görüntüsü.

    Şablonun çalışması birkaç dakika sürer.

  5. Azure DevOps'ta projenize gitmek için Projeye git'i seçin.

Önemli

Bu modülün Azure DevOps ortamınızı temizleme sayfasında önemli temizleme adımları verilmiştir. Temizleme işlemi ücretsiz derleme dakikalarınızı tüketmemenize yardımcı olur. Bu modülü tamamlamazsanız bile temizleme adımlarını gerçekleştirdiğinizden emin olun.

Projenizin görünürlüğünü ayarlama

GitHub'daki Space Game deposu çatalınız başlangıçta herkese açıktır. Azure DevOps şablonu başlangıçta özel olan bir proje oluşturur.

Herkese açık bir GitHub deposu herkes tarafından erişilebilirken, özel depoya siz ve bunu paylaştığınız kişiler erişebilir. Her iki durumda da, github deposunda yalnızca ortak çalışanlar değişiklikleri işleyebilir.

Azure DevOps'ta bir proje aynı şekilde çalışır. Hizmette oturum açmamış kullanıcıların genel projelere salt okunur erişimi vardır. Özel projeler, kullanıcılara projeye erişim izni verilmesini ve hizmetlere erişmek için oturum açmasını gerektirir.

Öğrenme amacıyla, şu anda bu ayarların hiçbirini değiştirmeniz gerekmez. Ancak kendi projeleriniz için, başkalarına hangi görünürlüğü ve erişimi sağlamak istediğinize karar vermeniz gerekir. Örneğin, projeniz açık kaynak ise hem GitHub deponuzu hem de Azure DevOps projenizi genel yapabilirsiniz. Projeniz kapalı kaynaksa hem GitHub deponuzu hem de Azure DevOps projenizi özel hale getirebilirsiniz.

Daha sonra, projeniz için en uygun seçeneği belirlemenize yardımcı olması için bu kaynakları kullanabilirsiniz:

İş öğesini Yapılıyor durumuna geçirme

Bu bölümde, kendinize Azure Boards bu modülle ilgili bir iş öğesi atayacaksınız. Ayrıca iş öğesini De Yapıyor durumuna taşırsınız . Uygulamada, siz ve ekibiniz her sprint'in veya iş yinelemesinin başında iş öğeleri oluşturursunuz.

İşin bu şekilde atanması çalışırken kullanabileceğiniz bir denetim listesi sağlar. Takımınızdaki diğer kişilerin sizin üzerinde çalıştığınız şeyi ve kadar iş kaldığını görebilmesine olanak tanır. Ayrıca, ekibin aynı anda çok fazla iş yapmaması için devam eden çalışma (WIP) sınırlarını zorlamaya da yardımcı olur.

Ekibin şu en önemli yedi sorunu çözdüğünü hatırlayın:

Sorunların kapsamlarını gösteren Azure Boards ekran görüntüsü.

Not

Azure DevOps kuruluşunda iş öğeleri sıralı olarak numaralandırılır. Projenizde, her iş öğesine atanan sayı burada gördüklerinizle eşleşmeyebilir.

Burada Git tabanlı iş akışı oluştur adlı ikinci öğeyi Yapıyor sütununa taşır ve kendinizi iş öğesine atarsınız.

Git tabanlı iş akışı oluşturmanın, ekip üyeleri arasında daha iyi işbirliği sağlayan bir kod iş akışına geçmeyle ilgili olduğunu hatırlayın.

Git tabanlı iş akışı oluşturma sorununun iş öğesi ayrıntılarını gösteren Azure Boards ekran görüntüsü.

İş öğesini ayarlamak için:

  1. Azure DevOps'ta Panolar'a gidin ve sol bölmede Panolar'ı seçin.

    Panolar menüsünün konumunu gösteren Azure DevOps'un ekran görüntüsü.

  2. Git tabanlı iş akışı oluştur iş öğesinde Yapılacaklar aşağı okunu seçin ve iş öğesini kendinize atayın.

    Aşağı okun konumunu gösteren Azure Boards ekran görüntüsü.

  3. İş öğesini To Do sütunundan Doing sütununa sürükleyin.

    İş öğesinin Yapıyor sütununda gösterildiği Azure Boards ekran görüntüsü.

Bu modülün sonunda, görevi tamamladıktan sonra kartı Bitti sütununa taşıyacaksınız.

Projeyi yerel olarak ayarlama

Burada Space Game projesini Visual Studio Code yükleyip Git'i yapılandırabilir, deponuzu yerel olarak kopyalayabilir ve başlangıç kodunu indirebilmeniz için yukarı akış uzak alanını ayarlayabilirsiniz.

Not

mslearn-tailspin-spacegame-web projesini yerel olarak ayarladıysanız, sonraki bölüme geçebilirsiniz.

Tümleşik terminali açma

Visual Studio Code tümleşik bir terminalle birlikte gelir, böylece dosyaları düzenleyebilir ve komut satırından tek bir yerde çalışabilirsiniz.

  1. Visual Studio Code’u başlatın.

  2. Görünüm menüsünde Terminal'i seçin.

  3. Açılan listede bash'i seçin. Zsh gibi kullanmayı tercih ettiğiniz başka bir Unix kabuğunu biliyorsanız, bunun yerine bu kabuğu seçin.

    Bash kabuğunun konumunu gösteren Visual Studio Code ekran görüntüsü.

    Terminal penceresi Bash, Zsh ve PowerShell gibi sisteminizde yüklü olan tüm kabukları seçmenize olanak tanır.

    Burada Bash'i kullanacaksınız. Windows için Git, Git komutlarını çalıştırmayı kolaylaştıran Git Bash'i sağlar.

    Not

    Windows'da bash seçeneğinin listelendiğini görmüyorsanız Git'i yüklediğinizden emin olun ve Visual Studio Code yeniden başlatın.

    Bash seçeneğini hala görmüyorsanız, terminal ayarlarınızı el ile yapılandırmak için Tümleşik Terminal'e bakın.

  4. cd Giriş dizininiz (~) gibi, çalışmak istediğiniz dizine gitmek için komutunu çalıştırın. İsterseniz farklı bir dizin seçebilirsiniz.

    cd ~
    

Git'i yapılandırma

Git ve GitHub'da yeniyseniz öncelikle kimliğinizi Git ile ilişkilendirmek ve GitHub ile kimlik doğrulaması yapmak için birkaç komut çalıştırmanız gerekir.

Git'i ayarlama işlemi daha ayrıntılı bir şekilde açıklar.

En azından aşağıdaki adımları tamamlamanız gerekir. Tümleşik terminalden şu komutları çalıştırın:

  1. Kullanıcı adınızı ayarlayın.
  2. İşleme e-posta adresinizi ayarlayın.
  3. GitHub parolanızı önbelleğe alın.

Not

GitHub ile zaten iki öğeli kimlik doğrulaması kullanıyorsanız , kişisel bir erişim belirteci oluşturun ve daha sonra istendiğinde parolanızın yerine belirtecinizi kullanın.

Erişim belirtecinize parola gibi davranın. Güvenli bir yerde saklayın.

projenizi Visual Studio Code'da ayarlama

Bu bölümde, değişiklik yapmak ve işlem hattı yapılandırmanızı oluşturmak için çatalınızı yerel olarak klonlaacaksınız.

Çatalınızı yerel olarak kopyalama

Artık GitHub hesabınızda Space Game web projesinin bir kopyası var. Artık bilgisayarınıza bir kopya indirecek veya kopyalayarak bu kopyayla çalışabilirsiniz.

Çatal gibi kopya da deponun kopyasıdır. Bir depoyu kopyaladığınızda, değişiklikler yapabilir, beklediğiniz gibi çalıştıklarını doğrulayabilir ve ardından bu değişiklikleri GitHub'a geri yükleyebilirsiniz. Yerel kopyanızı, diğer kimliği doğrulanmış kullanıcıların GitHub deponuzun kopyasında yaptığı değişikliklerle de eşitleyebilirsiniz.

Space Game web projesini bilgisayarınıza kopyalamak için:

  1. GitHub'daSpace Game web projesi (mslearn-tailspin-spacegame-web) çatalınıza gidin.

  2. Kod’u seçin. Ardından , HTTPS sekmesinde gösterilen URL'nin yanındaki düğmeyi seçerek URL'yi panonuza kopyalayın.

    GitHub deposundan URL'yi ve kopyala düğmesini bulma.

  3. Visual Studio Code'da terminal penceresine gidin.

  4. Terminalde, giriş dizininiz (~) gibi, çalışmak istediğiniz dizine gidin. İsterseniz farklı bir dizin seçebilirsiniz.

    cd ~
    
  5. git clone komutunu çalıştırın. Burada gösterilen URL'yi panonuzun içeriğiyle değiştirin:

    git clone https://github.com/your-name/mslearn-tailspin-spacegame-web.git
    
  6. Dizine mslearn-tailspin-spacegame-web gitme. Bu, deponuzun kök dizinidir.

    cd mslearn-tailspin-spacegame-web
    

Yukarı akış uzak değerini ayarlama

Uzak, ekip üyelerinin işbirliği yaptığı bir Git deposudur (GitHub'daki bir depo gibi). Burada, en son örnek kodu alabilmeniz için uzaktan kumandalarınızı listeleyip Microsoft'un depo kopyasına işaret eden bir uzak sunucu eklersiniz.

  1. Uzaktan kumandalarınızı listelemek için şu git remote komutu çalıştırın:

    git remote -v
    

    Deponuza hem getirme (indirme) hem de gönderme (karşıya yükleme) erişiminiz olduğunu görürsünüz:

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

    Origin , GitHub'daki deponuzu belirtir. Başka bir depodan kod çatalladığınızda, özgün uzak öğeyi (çatalını oluşturduğunuz uzak) yukarı akış olarak adlandırmak yaygın bir durumdur.

  2. Microsoft deposunu işaret eden yukarı akış adlı uzak bir uzak oluşturmak için şu git remote add komutu çalıştırın:

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web.git
    
  3. Değişiklikleri görmek için ikinci kez çalıştırın git remote :

    git remote -v
    

    Deponuza hem getirme (indirme) hem de gönderme (karşıya yükleme) erişiminiz olduğunu görürsünüz. Artık Microsoft deposuna getirme ve gönderme erişiminiz de vardır:

    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)
    

Projeyi dosya gezgininde açma

Visual Studio Code'da terminal pencereniz Space Game web projesinin kök dizinini gösterir. Yapısını görüntülemek ve dosyalarla çalışmak için, dosya gezgininden projeyi açacaksınız.

  1. Projeyi açmanın en kolay yolu, geçerli dizindeki Visual Studio Code yeniden açmaktır. Bunu yapmak için tümleşik terminalden aşağıdaki komutu çalıştırın:

    code -r .
    

    Dizini ve dosya ağacını dosya gezgininde görürsünüz.

  2. Tümleşik terminali yeniden açın. Terminal sizi web projenizin köküne yerleştirir.

code Komut başarısız olursa, sistem PATH'inize Visual Studio Code eklemeniz gerekir. Bunun için:

  1. Visual Studio Code'da F1'i seçin veyakomut paletine erişmek için Komut PaletiniGörüntüle'yi> seçin.
  2. Komut paletine Shell Command: Install 'code' command in PATH yazın.
  3. Projeyi dosya gezgininde açmak için önceki yordamı yineleyin.

Artık yerel geliştirme ortamınızdan Space Game kaynak kodu ve Azure Pipelines yapılandırmanızla çalışacak şekilde ayarlandınız.