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

Tamamlandı

Ekip, devops stratejisini süreçleriyle yavaş yavaş tümleştirmeye devam ediyor. Bu bölümde, ortamınızın ekibin şimdiye kadarki çalışmalarını yansıtdığından emin olun.

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

• 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.
• Derleme işlem hattını ekleyin.

Azure DevOps'a kullanıcı ekleme

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

Bu abonelikte çalışmak için Azure DevOps kullanmak için bir aboneliğe ihtiyacınız olmasa da, burada Azure aboneliğinizde bulunan Azure kaynaklarına dağıtmak için Azure DevOps kullanacaksınız. İşlemi basitleştirmek için aynı Microsoft hesabı altında 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ş kullanıcısı ekleme ve erişimlerini yönetme. 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

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

Bu öğrenme yolundaki modüller, Tailspin web ekibini DevOps yolculuklarında takip ederken bir ilerleme oluşturur. Öğrenme amacıyla her modülün ilişkili bir Azure DevOps projesi vardır.

Şablonu çalıştır

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

Şablonu çalıştır

Şablonu çalıştırmak için Azure DevOps Demo Generator sitesinden ş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 ve Space Game - web - Release gibi bir proje adı girin.

   

3. Evet, Bu deponun>çatalı için Yetkilendirmek istiyorum'a tıklayın. Bir pencere gösterilirse GitHub hesabınıza erişim yetkisi verin.

   Önemli

   Şablonun GitHub deponuza bağlanması için bu seçeneği belirlemeniz 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. Ş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ü tamamlamazsanız bile temizleme adımlarını gerçekleştirdiğinizden 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:

• Özel ve genel projeleri kullanma
• Hızlı Başlangıç: Özel projenizi genel yapma
• Depo görünürlüğünü ayarlama

Visual Studio Code’u hazırlama

Web sitesini yerel olarak oluşturup kaynak dosyaları kullanabilmek için Visual Studio Code'un kurulumunu yapın.

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

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

2. Terminal'i ve ardından Yeni Terminal'i seçin.

3. Açılan listede Git 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. Windows için Git, Git komutlarını çalıştırmayı kolaylaştıran Git Bash'i sağlar.

   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. Giriş dizininize gitmek için aşağıdaki komutu çalıştırın.

   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. Daha fazla bilgi için bkz . Git'i ayarlama.

En azından aşağıdaki adımları tamamlamanız gerekir:

1. Git'in en son sürümünü indirin ve yükleyin.
2. Kullanıcı adınızı ayarlayın.
3. İşleme e-posta adresinizi ayarlayın.

Not

GitHub ile zaten iki öğeli kimlik doğrulaması kullanıyorsanız kişisel erişim belirteci oluşturun. Daha sonra sorulduğunda parolanızın yerine belirtecinizi kullanın.

Erişim belirtecinize parolayı işler gibi davranın. Güvenli bir yerde tut.

Visual Studio Code'da projenizi ayarlama

Azure DevOps projenizi ayarlamak için şablonu çalıştırdığınızda, işlem mslearn-tailspin-spacegame-web-deploy deposunu sizin için otomatik olarak çatalladı. Artık bilgisayarınıza bir kopya indirerek veya kopyalayarak bu kopyayla çalışabilirsiniz.

Çatalınızı yerel olarak kopyalama

1. GitHub'da Space Game web projesinin çatalına gidin (mslearn-tailspin-spacegame-web-deploy).

2. Kod'a tıklayın ve ardından HTTPS sekmesinden kopyala düğmesini seçerek URL'yi panonuza kopyalayın.

   

3. Visual Studio Code'da, daha önce açtığınız terminal penceresine gidin.

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

5. mslearn-tailspin-spacegame-web-deploy dizinine gidin. Bu dizin, deponuzun köküdür.

   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 aşağıdaki 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. Başka bir depodan kod çatalladığınızda, özgün uzak (çatalını oluşturduğunuz) genellikle yukarı akış olarak adlandırılır.

2. Aşağıdaki komutu çalıştırarak Microsoft deposuna işaret eden yukarı akış adlı bir uzak sunucu oluşturun:

   git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.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şiminizin olduğunu görürsünüz. Artık Microsoft deposundan getirme erişimine de sahipsiniz:

   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)
   upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git (push)
   

Visual Studio Code'da projeyi açma

1. Projenizin kök dizininden aşağıdaki komutu çalıştırın.

   code .
   

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. shell komutunu yazın ve Shell Command: Install 'code' command in PATH komutunu bulun.
3. Yeni PATH'in etkili olması için terminali yeniden başlatın.

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.

GitHub'dan dalı getirme

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

2. MicrosoftDocs deposundan release-pipeline dalını getirmek için aşağıdaki komutları çalıştırın ve yeni bir dal yukarı akış/release-pipeline'a göz atın.

   git fetch upstream release-pipeline
   git checkout -B release-pipeline upstream/release-pipeline
   

3. İsteğe bağlı bir adım olarak Visual Studio Code'da azure-pipelines.yml dosyasını açın ve ilk YAML işlem hattı yapılandırmasını öğrenin.

İşlem hattını çalıştırma

Bu noktada şunları elde edebilirsiniz:

• GitHub hesabınızda mslearn-tailspin-spacegame-web-deploy deposunun çatalı.
• Yerel olarak kopyalanan mslearn-tailspin-spacegame-web-deploy deposu.
• Web sitesi kaynak kodunu ve ilk Azure Pipelines yapılandırmasını içeren release-pipeline adlı bir dal.

Ardından işlem hattının çalıştırılmasını el ile tetikleyeceksiniz. Bu adım, projenizin GitHub deponuzdan derlemek üzere ayarlanmasını sağlar. İlk işlem hattı yapılandırması uygulamayı oluşturur ve derleme yapıtı oluşturur.

1. Azure Devops'ta projenize gidin ve İşlem Hatları'na tıklayın.

2. mslearn-tailspin-spacegame-web-deploy işlem hattını seçin. İstenirse, Hizmet bağlantısını yetkilendirmek için Kaynakları yetkilendir'i seçtiğinizden emin olun.

   

3. İşlem hattını çalıştır'ı ve ardından Dal/etiket açılan menüsünden yayın işlem hattı dalını seçin. Çalıştır seçin.

   

4. Özet sayfasında işlem hattı işinizi seçerek günlükleri görüntüleyin.

   

5. Derleme tamamlandıktan sonra özet sayfasına dönmek için geri düğmesini seçin.

   

6. Yayımlanan yapıtınızı seçin.

   

7. Tailspin.Space.Game.Web.zip derleme yapıtınızdır. Bu dosya, yerleşik uygulamanızı ve bağımlılıklarını içerir.

   

Artık Space Game web projesi için bir derleme işlem hattınız var. Ardından derleme yapıtınızı Azure Uygulaması Hizmetine dağıtmak için bir dağıtım aşaması ekleyeceksiniz.