Alıştırma - Ortamınızı ayarlama

Tamamlandı

Bu bölümde, Azure DevOps kuruluşunuzun bu modülün geri kalanını tamamlayacak şekilde ayarlandığından emin olun. Ayrıca dağıtacağınız Azure Uygulaması Hizmeti ortamlarını da oluşturursunuz.

Bu hedeflere ulaşmak için:

  • Azure DevOps'un Azure aboneliğinize bağlanadığından emin olmak için bir kullanıcı ekleyin.
  • Bu modül için bir Azure DevOps projesi ayarlayın.
  • Azure Boards'ta bu modülün iş öğesini Doing sütununa taşıyın.
  • Değişiklikleri işlem hattına gönderebilmek için projenizin yerel olarak ayarlandığından emin olun.
  • Azure Cloud Shell'de Azure CLI kullanarak Azure Uygulaması Hizmeti ortamlarını oluşturun.
  • App Service ortamlarınızın adlarını tanımlayan işlem hattı değişkenleri oluşturun.
  • Azure Pipelines'ın Azure aboneliğinize güvenli bir şekilde erişmesini sağlayan bir hizmet bağlantısı oluşturun.
  • İlk dağıtımı gerçekleştirin.

Azure DevOps'a kullanıcı ekleme

Bu modülü tamamlamak için kendi Azure aboneliğiniz olmalıdır. Azure'ı ücretsiz kullanmaya başlayabilirsiniz.

Azure DevOps ile çalışmak için Bir Azure aboneliğine ihtiyacınız olmasa da, burada Azure aboneliğinizdeki kaynaklara dağıtım yapmak için Azure DevOps kullanacaksınız. İşlemi basitleştirmek için aynı Microsoft hesabını kullanarak hem Azure aboneliğinizde hem de Azure DevOps kuruluşunuzda oturum açın.

Azure ve Azure DevOps'ta oturum açmak için farklı Microsoft hesapları kullanıyorsanız, Azure'da oturum açmak için kullandığınız Microsoft hesabı altında DevOps kuruluşunuza bir kullanıcı ekleyin. Daha fazla bilgi için bkz . Kuruluşunuza veya projenize kullanıcı ekleme. Kullanıcıyı eklediğinizde Temel erişim düzeyini seçin.

Ardından Azure DevOps oturumunu kapatın ve Azure aboneliğinizde oturum açmak için kullandığınız Microsoft hesabı altında yeniden oturum açın.

Azure DevOps projesini alma

Burada Azure DevOps kuruluşunuzun bu modülün geri kalanını tamamlayacak şekilde ayarlandığından emin olun. Azure DevOps'ta proje oluşturan bir şablon çalıştırarak bunu ayarlarsınız.

Bu öğrenme yolundaki modüller bir ilerlemenin parçasıdır. Tailspin web ekibini DevOps yolculuklarında takip edebilirsiniz. Öğrenme amacıyla her modülün ilişkili bir Azure DevOps projesi vardır.

Şablonu çalıştır

Azure DevOps kuruluşunuzu ayarlayan bir şablon çalıştırın.

Azure DevOps Demo Oluşturucusu sitesinde, şablonu çalıştırmak için şu adımları izleyin:

  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. Ardından Space Game - web - Dağıtım desenleri gibi bir proje adı girin.

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

  3. Evet, bu deponun çatalı yapmak istiyorum'ı seçin. Ardından Yetki ver'i seçin.

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

    Şablonun çalıştırılması 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ü tamamlamasanız bile temizleme adımlarını izlediğinize emin olun.

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

Başlangıçta, GitHub'daki Space Game deposu çatalınız genel olarak ayarlanırken Azure DevOps şablonu tarafından oluşturulan proje özel olarak ayarlanır. GitHub'daki genel bir depoya herkes erişebilirken, özel bir depoya yalnızca siz ve paylaşmayı seçtiğiniz kişiler erişebilir. Benzer şekilde, Azure DevOps'ta genel projeler kimliği doğrulanmamış kullanıcılara salt okunur erişim sağlarken, özel projeler ise kullanıcılara hizmetlere erişmek için erişim verilmesini ve kimlik doğrulaması yapılmasını gerektirir.

Şu anda bu ayarların herhangi birini bu modülün amaçları doğrultusunda değiştirmek gerekli değildir. Ancak kişisel projeleriniz için başkalarına vermek istediğiniz görünürlüğü ve erişimi belirlemeniz gerekir. Örneğin, projeniz açık kaynak ise hem GitHub deponuzu hem de Azure DevOps projenizi genel yapmayı seçebilirsiniz. Projeniz özelse genellikle hem GitHub deponuzu hem de Azure DevOps projenizi özel hale getirirsiniz.

Daha sonra, projeniz için en uygun seçeneği belirlemede aşağıdaki kaynakları yararlı bulabilirsiniz:

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

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

İşin bu şekilde atanması çalışırken kullanabileceğiniz bir denetim listesi sağlar. Ekibinize üzerinde çalıştığınız şey ve kalan çalışma miktarı hakkında görünürlük sağlar. 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.

Takımın geçerli sprint için şu en önemli sorunları çözdüğünü hatırlayın:

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

Not

Azure DevOps kuruluşunda iş öğeleri sırayla numaralandırılır. Projenizde, her iş öğesinin numarası burada gördüklerinizle eşleşmeyebilir.

Burada beşinci öğe olan Yayın temposunu geliştirin sütununu Yapıyor sütununa taşırsınız. Ardından kendinizi iş öğesine atarsınız. Sürüm temposunu geliştirme, değişiklikleri kullanıcılarınıza hızla yayınlamanızı sağlayan bir dağıtım düzeni seçmekle ilgilidir.

İş öğesini ayarlamak için:

  1. Azure DevOps'ta Panolar'a gidin ve menüden Panolar'ı seçin.

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

  2. Yayın temposu iş öğesini iyileştir öğesinin en altında aşağı oku seçin. iş öğesini kendinize atayın.

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

  3. İş öğesini Yapılacaklar sütunundan Do sütununa taşıyın.

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

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

Projeyi yerel olarak ayarlama

Burada Visual Studio Code'da Space Game projesini 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-deploy 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. Burada hem dosyaları düzenler hem de komut satırından çalışırsınız.

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

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

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

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

    Terminal penceresinde sisteminizde yüklü olan herhangi bir kabuğu seçebilirsiniz. Örneğin Git Bash veya PowerShell ya da başka bir kabuk seçebilirsiniz.

    Burada, Git komutlarını çalıştırmayı kolaylaştıran Windows için Git'in bir parçası olan Git Bash'i kullanacaksınız.

    Not

    Windows'ta Git Bash'in seçenek olarak listelendiğini görmüyorsanız Git'i yüklediğinizden emin olun ve Visual Studio Code'u yeniden başlatın.

  4. cd Çalışmak istediğiniz dizine gitmek için komutunu çalıştırın. İsterseniz giriş dizininizi (~) veya farklı bir dizini seçin.

    cd ~
    

Git'i yapılandırma

Git ve GitHub'da yeniyseniz, önce kimliğinizi Git ile ilişkilendirmek ve GitHub ile kimlik doğrulaması yapmak için birkaç komut çalıştırın. Daha fazla bilgi için bkz . Git'i ayarlama.

En azından aşağıdaki adımları tamamlamanız gerekir. Tümleşik terminalden 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 iki öğeli kimlik doğrulamasını zaten kullanıyorsanız kişisel erişim belirteci oluşturun. İstendiğinde parolanızın yerine belirtecinizi kullanın.

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

Visual Studio Code'da projenizi ayarlama

Azure DevOps ile uygulama oluşturma öğrenme yolunda, bir Git deposunu çatallayıp kopyaladıysanız. Depo, Space Game web sitesinin kaynak kodunu içerir. Çatalınız, Değişiklikleri GitHub'a gönderdiğinizde derlemenin çalışması için Azure DevOps'taki projelerinize bağlandı.

Önemli

Bu öğrenme yolunda mslearn-tailspin-spacegame-web-deploy adlı farklı bir Git deposuna geçeceğiz. Azure DevOps projenizi ayarlamak için şablonu çalıştırdığınızda, işlem sizin için depoyu otomatik olarak çatalladı.

Bu bölümde, işlem hattı yapılandırmanızı değiştirip oluşturabilmeniz için çatalınızı yerel olarak kopyalamış olursunuz.

Ç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 indirerek veya kopyalayarak bu kopyayla çalışabilirsiniz.

Bir kopya, tıpkı çatal gibi bir 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 yükleyebilirsiniz. Yerel kopyanızı, diğer kimliği doğrulanmış kullanıcıların deponuzun GitHub kopyasında yaptığı değişikliklerle de eşitleyebilirsiniz.

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

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

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

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

  3. Visual Studio Code'da terminal penceresine gidin.

  4. Terminalde, çalışmak istediğiniz dizine gidin. İsterseniz giriş dizininizi (~) veya farklı bir dizini seçin.

    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-deploy.git
    
  6. Dizine mslearn-tailspin-spacegame-web-deploy gitme. Bu, deponuzun kök dizinidir.

    cd mslearn-tailspin-spacegame-web-deploy
    

Yukarı akış uzakını 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-deploy.git (fetch)
    origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)
    

    Kaynak , GitHub'daki deponuzu belirtir. Kodu başka bir depodan çatalladığınızda, özgün uzak (çatalını oluşturduğunuz) genellikle yukarı akış olarak adlandırılır.

  2. Microsoft deposunu işaret eden yukarı akış adlı bir uzak sunucu 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-deploy.git
    
  3. Değişiklikleri görmek için yeniden çalıştırın git remote :

    git remote -v
    

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

    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)
    

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 Visual Studio Code'un geçerli dizinde yeniden açılmasıdı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. Yapmak için:

  1. Visual Studio Code'da F1'i seçin veya komut paletine erişmek için Komut Paletini Gö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.

Azure Uygulaması Hizmeti ortamlarını oluşturma

Burada işlem hattı aşamalarını tanımlayan ortamları oluşturursunuz. Her aşamaya karşılık gelen bir App Service örneği oluşturursunuz: Geliştirme, Test ve Hazırlama.

Önceki modüllerde, App Service örneklerinizi oluşturmak için Azure CLI'yi kullandınız. Burada da aynısını yapacaksınız.

Önemli

Bu modüldeki alıştırmaları tamamlamak için kendi Azure aboneliğinize ihtiyacınız olacaktır.

Azure portalı aracılığıyla Cloud Shell'i öne çıkarma

  1. Azure portalına gidin ve oturum açın.
  2. Menüde Cloud Shell'i seçin. İstendiğinde Bash deneyimini seçin.

Bir Azure bölgesi seçin

Burada, Azure kaynaklarınızın oluşturulacağı varsayılan bölgeyi veya coğrafi konumu belirtirsiniz.

  1. Cloud Shell'de aşağıdaki az account list-locations komutu çalıştırarak Azure aboneliğinizden kullanılabilen bölgeleri listeleyin.

    az account list-locations \
      --query "[].{Name: name, DisplayName: displayName}" \
      --output table
    
  2. Çıktıdaki Ad sütunundan size yakın bir bölge seçin. Örneğin eastasia veya westus2'yi seçin.

  3. Varsayılan bölgenizi ayarlamak için komutunu çalıştırın az configure . REGION> değerini seçtiğiniz bölgenin adıyla değiştirin<.

    az configure --defaults location=<REGION>
    

    Bu örnek westus2'yi varsayılan bölge olarak ayarlar:

    az configure --defaults location=westus2
    

App Service örneklerini oluşturma

Burada dağıtacağınız üç aşama için App Service örnekleri oluşturacaksınız: Geliştirme, Test ve Hazırlama. Bu modülün ilerleyen bölümlerinde Hazırlama'ya bir dağıtım yuvası ekleyeceksiniz.

Not

Öğrenme amacıyla burada varsayılan ağ ayarlarını kullanırsınız. Bu ayarlar sitenizi İnternet'ten erişilebilir hale getirir. Uygulamada, web sitenizi İnternet'ten yönlendirilemeyen ancak yalnızca ekibinizin erişebileceği bir ağa yerleştiren bir Azure sanal ağı yapılandırabilirsiniz. Daha sonra hazır olduğunuzda, web sitesini kullanıcılarınız için kullanılabilir hale getirmek için ağınızı yeniden yapılandırabilirsiniz.

  1. Cloud Shell'de, web uygulamanızın etki alanı adını benzersiz hale getiren rastgele bir sayı oluşturun:

    webappsuffix=$RANDOM
    
  2. Tailspin-space-game-rg adlı bir kaynak grubu oluşturmak için aşağıdaki az group create komutu çalıştırın.

    az group create --name tailspin-space-game-rg
    
  3. İki App Service planı oluşturmak için aşağıdaki komutları çalıştırın.

    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
    

    Önemli

    B1 SKU'su Azure aboneliğinizin bir parçası olarak kullanılamıyorsa S1 (Standart) gibi farklı bir plan seçin.

    App Service planının web uygulamanızın çalışması için sağlanan CPU, bellek ve depolama kaynaklarını tanımladığını hatırlayın.

    İlk komut B1 planını belirtir. Bu plan Temel katmanda çalışır. App Service ortamları Geliştirme ve Test aşamaları için bu planı kullanır. B1 Temel planı, geliştirme veya test ortamı gibi düşük trafik gereksinimleri olan uygulamalara yöneliktir.

    İkinci komut, Premium katmanında çalışan P1V2 planını belirtir. Bu plan Hazırlama için kullanılır. Premium P1V2 planı üretim iş yüklerine yöneliktir. Ayrılmış sanal makine örneklerinde çalışır.

    Temel plan katmanı ek dağıtım yuvası sağlamaz. Ancak Premium plan bunu yapar. Bu nedenle Hazırlama ortamınız için Premium plana ihtiyacınız vardır.

  4. Geliştirme, Test ve Hazırlama ortamlarının her biri için birer tane olmak üzere üç App Service örneği oluşturmak için aşağıdaki az webapp create komutları çalıştırın.

    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"
    

    Burada, Geliştirme ve Test için App Service örneklerine aynı App Service planını (B1 Basic) uyguladığınıza dikkat edin. App Service planı Premium P1V2'yi Hazırlama için App Service örneğine uygularsınız.

  5. Her App Service örneğinin ana bilgisayar adını ve durumunu listelemek için aşağıdaki az webapp list komutu çalıştırın.

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

    Çalışan her hizmetin ana bilgisayar adını not edin. Daha sonra çalışmanızı doğruladığınızda bu konak adlarına ihtiyacınız olacaktır. Konak adlarının bir örneği aşağıda verilmişti:

    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. İsteğe bağlı bir adım olarak adlardan birine veya daha fazlasına gidin. Bunların çalıştığını ve varsayılan giriş sayfasının görüntülendiğini doğrulayın.

    Bu sayfayı her ortamda görürsünüz:

    Screenshot of the default home page in Azure App Service.

Önemli

Bu modülün Azure DevOps ortamınızı temizleme sayfasında önemli temizleme adımları verilmiştir. Temizleme, bu modülü tamamladıktan sonra Azure kaynakları için ücret alınmamasını sağlamaya yardımcı olur. Bu modülü tamamlamazsanız bile temizleme adımlarını gerçekleştirdiğinizden emin olun.

Azure Pipelines'da işlem hattı değişkenleri oluşturma

Azure Pipelines kullanarak çok aşamalı işlem hattı oluşturma bölümünde, app service örneklerinin her biri için işlem hattınızdaki Geliştirme, Test ve Hazırlama aşamalarına karşılık gelen bir değişken eklediniz. Burada da aynısını yapıyorsun.

İşlem hattı yapılandırmanızdaki her aşama, dağıtılacak App Service örneğini belirlemek için bu değişkenleri kullanır.

Değişkenleri eklemek için:

  1. Azure DevOps'ta Space Game - web - Dağıtım desenleri projenize gidin.

  2. İşlem Hatları'nın altında Kitaplık'ı seçin.

    Screenshot of Azure Pipelines that shows the Library menu option.

  3. + Değişken grubu'nun seçin.

  4. Özellikler'in altında, değişken grubu adı için Release yazın.

  5. Değişkenler'in altında + Ekle'yi seçin.

  6. Değişkeninizin adı olarak WebAppNameDev girin. Değeri olarak, Tailspin-space-game-web-dev-1234 gibi Geliştirme ortamınıza karşılık gelen App Service örneğinin adını girin.

  7. Bu tabloda gösterildiği gibi Test ve Hazırlama ortamlarınızda değişken oluşturmak için 5. ve 6. adımları iki kez daha yineleyin:

    Değişken adı Örnek değer
    WebAppNameTest tailspin-space-game-web-test-1234
    WebAppNameStaging tailspin-space-game-web-staging-1234

    Her örnek değeri ortamınıza karşılık gelen App Service örneğiyle değiştirmeyi unutmayın.

    Önemli

    Konak adını değil App Service örneğinin adını ayarlayın. Bu örnekte, tailspin-space-game-web-dev-1234.azurewebsites.net değil tailspin-space-game-web-dev-1234 girersiniz.

  8. Değişkeninizi işlem hattına kaydetmek için sayfanın üst kısmındaki Kaydet'i seçin.

    Değişken grubunuz şuna benzer:

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

Geliştirme, test ve hazırlama ortamları oluşturma

Önceki modüllerde geliştirme, test ve hazırlama ortamları için ortamlar oluşturdunuz. Burada işlemi tekrarlarsınız.

Geliştirme, test ve hazırlama ortamlarını oluşturmak için:

  1. Azure Pipelines'da Ortamlar'ı seçin.

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

  2. Geliştirme ortamını oluşturmak için:

    1. Ortam oluştur'u seçin.
    2. Ad'ın altına dev girin.
    3. Kalan alanları varsayılan değerlerinde bırakın.
    4. Oluştur'u belirleyin.
  3. Test ortamını oluşturmak için:

    1. Ortamlar sayfasına dönün.
    2. Yeni ortam'ı seçin.
    3. Ad'ın altına test yazın.
    4. Oluştur'u belirleyin.
  4. Hazırlama ortamını oluşturmak için:

    1. Ortamlar sayfasına dönün.
    2. Yeni ortam'ı seçin.
    3. Ad'ın altında hazırlama yazın.
    4. Oluştur'u belirleyin.

Hizmet bağlantısı oluşturma

Burada Azure Pipelines'ın Azure aboneliğinize erişmesini sağlayan bir hizmet bağlantısı oluşturacaksınız. Azure Pipelines, web sitesini App Service'e dağıtmak için bu hizmet bağlantısını kullanır. Önceki modülde benzer bir hizmet bağlantısı oluşturdunuz.

Önemli

Aynı Microsoft hesabı altında hem Azure portalında hem de Azure DevOps'ta oturum açtığınızdan emin olun.

  1. Azure DevOps'ta Space Game - web - Dağıtım desenleri projenize gidin.

  2. Sayfanın alt köşesinden Proje ayarları'nı seçin.

  3. İşlem hatları altından Hizmet bağlantıları'nı seçin.

  4. Yeni hizmet bağlantısı'nı ve ardından Azure Resource Manager'ı ve ardından İleri'yi seçin.

  5. Sayfanın üst kısmında Hizmet sorumlusu (otomatik). Sonra İleri'yi seçin.

  6. Şu alanları doldurun:

    Alan Değer
    Kapsam düzeyi Abonelik
    Abonelik Azure aboneliğiniz
    Kaynak Grubu tailspin-space-game-rg
    Hizmet bağlantısı adı Resource Manager - Tailspin - Uzay Oyunu

    İşlem sırasında Microsoft hesabınızda oturum açmanız istenebilir.

  7. Tüm işlem hatlarına erişim izni ver seçeneğinin belirlendiğinden emin olun.

  8. Kaydet'i seçin.

    Azure DevOps, Azure aboneliğinize bağlanabildiğini doğrulamak için bir test bağlantısı gerçekleştirir. Azure DevOps bağlanamıyorsa ikinci kez oturum açma şansınız olur.

GitHub'dan dalı getirme

Burada github'dan dalı blue-green getirebilirsiniz. Ardından bu dala göz atabilirsiniz veya bu dala geçiş yapabilirsiniz.

Bu dal, önceki modüllerde birlikte çalıştığınız Space Game projesini ve başlangıç olarak bir Azure Pipelines yapılandırmasını içerir.

  1. Visual Studio Code'da tümleşik terminali açın.

  2. Microsoft deposundan adlı blue-green bir dalı getirmek ve bu dala geçmek için aşağıdaki git komutları çalıştırın.

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

    Bu komutların biçimi, Olarak bilinen upstreamMicrosoft GitHub deposundan başlangıç kodu almanıza olanak tanır. Kısacası bu dalı GitHub deposuna göndereceksiniz (origin olarak bilinir).

  3. İsteğe bağlı bir adım olarak Visual Studio Code'dan azure-pipelines.yml açın. İlk yapılandırma hakkında bilgi sahibi olun.

    Yapılandırma, bu öğrenme yolundaki önceki modüllerde oluşturduğunuz yapılandırmaya benzer. Yalnızca uygulamanın Yayın yapılandırmasını oluşturur. Kısa olması için, önceki modüllerde ayarladığınız tetikleyicileri, el ile onayları ve testleri atlar.

    Öğrenme amacıyla, bu yapılandırma herhangi bir daldaki değişiklikleri Geliştirme, Test ve Hazırlama olarak yükseltmektedir. Daha sağlam bir yaklaşım, yalnızca bir yayın dalından veya mainsürümünden değişiklikleri yükseltebilir. Azure Pipelines kullanarak çok aşamalı işlem hattı oluşturma modülünde bu sağlam yaklaşımı kullandınız.

İşlem hattını çalıştırın ve dağıtılan web sitesine bakın

Burada, ekibin güncel olması için ilk yapılandırmayı GitHub'a gönderirsiniz. Daha sonra, mavi-yeşil dağıtım uygulayabilmek için Hazırlama ortamına bir yuva ekleyeceksiniz.

  1. Visual Studio Code'da tümleşik terminali açın.

  2. İşleme geçmişinize boş bir girdi eklemek için aşağıdaki git commit komutu çalıştırın.

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

    Bu adım öğrenme amaçlıdır. Bu tipik bir şey değil. Şimdi değiştirmeniz gerekmeyen başlangıç kodunu sağlıyoruz. bayrağı, --allow-empty sonraki adımın dalını GitHub'a başarıyla göndermesini ve Azure Pipelines'ı çalıştırılacak şekilde tetiklemesini sağlar.

    Bu adımı atlarsanız, git push sonraki adımda çalıştırdığınız komut herhangi bir işlem yapmaz. Bu nedenle Azure Pipelines'ın çalıştırılmasını tetiklemez.

  3. Dalı GitHub deponuza yüklemek için aşağıdaki git push komutu çalıştırın.

    git push origin blue-green
    
  4. Azure Pipelines'da derlemeye gidin. Ardından çalıştırılırken derlemeyi takip edin. İstendiğinde, farklı aşamalara dağıtım izinleri vermek için İzin Ver'i seçin.

  5. İşlem hattı çalıştırmanız tamamlandıktan sonra işlem hattı durumunuzu görmek için özet sayfasına gidin.

    Screenshot of Azure Pipelines that shows the completed stages.

  6. Her aşamaya karşılık gelen URL'ye gidin. Web uygulamanız her ortama dağıtılmalıdır.

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