Cloud Code ile Geliştirme

1. Hedefler

Bu laboratuvarda şunları yapacaksınız:

  • Cloud Code Eklentilerini Keşfedin
  • Kubernetes kümesine dağıtım
  • Kubernetes Günlüklerinin akışını yap
  • Değişikliklerin çalışırken yeniden yüklenmesini kullanma
  • Canlı Kubernetes uygulamalarında hata ayıkla

2. Çalışma alanınız hazırlanıyor

Uygulamayı klonlama

Depoyu klonlamak ve geliştirme ortamınızda açmak için:

  1. Aşağıdaki URL'yi ziyaret ederek Cloud Shell düzenleyicisini açın

https://ide.cloud.google.com

  1. Terminal penceresinde, aşağıdaki komutla uygulama kaynağını klonlayın:

git clone https://github.com/viglesiasce/sample-app.git -b golden-path

  1. Dizine geçin ve IDE çalışma alanını depo kökü olarak ayarlayın

cd sample-app && cloudshell workspace .

Minikube'yi başlat

Bu bölümde Kubernetes'in Minikube adlı yerel sürümünü kullanarak uygulamanızı derleyecek, test edecek, dağıtacak ve uygulamaya erişeceksiniz.

  1. Terminalde şu komutu çalıştırarak minikube'yi başlatın:

minikube start

Minikube, Cloud Shell'inizde yerel bir Kubernetes kümesi oluşturur. Bu kurulum birkaç dakika sürer. Bu işlem başlarken sonraki adımda Cloud Code tarafından sağlanan çeşitli arayüzleri inceleyin.

3. Cloud Code Eklentisini Keşfetme

Cloud Code, mevcut bir şablondan uygulama oluşturmaktan dağıtılan uygulamanızın kaynaklarını izlemeye kadar Kubernetes ve Cloud Run uygulamalarının tam geliştirme döngüsü için IDE desteği sağlar. Cloud Code tarafından sağlanan farklı komutlar ve görünümler kullanacaksınız. Bu adımda temel arayüzler hakkında bilgi edineceksiniz.

Etkinlik çubuğundan gezgin görünümlerini inceleme

Etkinlik çubuğundan birden fazla kullanıcı arayüzü paneline erişilebilir. Çeşitli görünümlere kısa bir süreliğine erişmek için, ilgili görünümlere ait simgeleri tıklayın.

API Gezgini:

  • Etkinlik çubuğundan Cloud Code - Cloud APIs simgesini Cloud Code 'u tıklayın. Bu görünümde çalışmayla ilgili ek ayrıntılara belgelerde ulaşabilirsiniz.

ded1723c524edd72.png

Gizli Anahtar Yöneticisi Gezgini:

  • Etkinlik çubuğunda Secret Manager (Gizli Yönetici) görünümünü tıklayın. Bu görünümde çalışmayla ilgili ek ayrıntılara belgelerde ulaşabilirsiniz.

89f88159bcf79fa9.png

Cloud Run Gezgini:

  • Sol taraftaki Etkinlik çubuğunda bulunan Cloud Run simgesini kullanarak Cloud Run Gezgini'ne gidin. Bu görünümde çalışmayla ilgili ek ayrıntılara belgelerde ulaşabilirsiniz.

a1d583fd06413011.png

Kubernetes gezgini:

  • Sol taraftaki Etkinlik çubuğunda yer alan simgeyi kullanarak Kubernetes Explorer'a gidin. Bu görünümde çalışmayla ilgili ek ayrıntılara belgelerde ulaşabilirsiniz.

b2b8ab3975c5b0c9.png

Durum çubuğu komutlarını inceleme

Sık kullanılan komutlara, durum çubuğundaki gösterge aracılığıyla hızlı bir şekilde erişilebilir.

  • Durum çubuğunda Cloud Code uzantı göstergesini (d61e85cf23a32a40.png) bulun ve tıklayın.
  • CloudRun ve Kubernetes'te çalıştırmak ve hata ayıklamak için kullanabileceğiniz çeşitli komutları inceleyin
  • Daha fazla ayrıntı ve örnek etkinlikler için Karşılama Sayfasını Aç'ı tıklayın

Komut paleti komutlarını incele

Komut paletinde ek komutlar bulunur. Erişebileceğiniz komutların listesini inceleyin.

  • Komut Paleti'ni açın (Ctrl/Cmd+Üst Karakter+P tuşlarına basın) ve ardından kullanılabilir komutları filtrelemek için Cloud Code'u yazın.
  • Komut listesinde gezinmek için ok tuşlarınızı kullanın.

4. Kubernetes kümesine dağıtma

Bu bölümde uygulamanızı derleme, test etme, dağıtma ve uygulamaya erişme hakkında bilgi edineceksiniz.

Aşağıdaki adımlar kaynak kodunun derlemesini başlatır ve ardından testleri çalıştırır. Derleme ve testlerin çalıştırılması birkaç dakika sürer. Bu testler, birim testlerini ve dağıtım ortamı için ayarlanmış kuralları kontrol eden bir doğrulama adımını içerir. Bu doğrulama adımı zaten yapılandırılmıştır ve geliştirme ortamınızda çalışmaya devam ederken bile dağıtım sorunlarıyla ilgili uyarı almanızı sağlar.

  1. Cloud Shell Düzenleyici'nin alt kısmındaki bölmede Cloud Code'u d61e85cf23a32a40.png seçin.
  2. Üst kısımda görünen panelde Kubernetes'te çalıştır'ı seçin. İstenirse minikube Kubernetes bağlamını kullanmak için Evet'i seçin.
  3. İlerleme durumunu ve bildirimleri görüntülemek için alt bölmede 4866761cb9c691e2.png Çıkış sekmesini seçin
  4. "Kubernetes: Çalıştır/Hata Ayıklama - Ayrıntılı" seçeneğini belirleyin kanal açılır menüsünü c5e31091d464dbcf.png tıklayın. Burada ek ayrıntıları ve kapsayıcılardan canlı yayınlanan günlükleri görebilirsiniz

Derleme ve testler tamamlandığında Çıktı sekmesinde Resource deployment/sample-app-dev status completed successfully gösterilir ve iki URL listelenir.

  1. Cloud Code terminalinde çıkıştaki ilk URL'nin (http://localhost:8080) üzerine gelin. Ardından, görünen araç ucunda Web Önizlemesini Aç'ı seçin.

Uygulamanın yerel sürümü tarayıcınızda açılır. Uygulamanın bu sürümü minikube'nin Kubernetes kümesinde çalışıyor.

  1. Tarayıcınızda sayfayı yenileyin. Sayaç'ın yanındaki sayı artar ve uygulamanın yenilemenize yanıt verdiğini gösterir.

Yerel ortamınızda herhangi bir değişiklik yaparken uygulamayı görüntüleyebilmek için tarayıcınızda bu sayfayı açık tutun.

5. Değişikliklerin çalışırken yeniden yüklenmesini kullanma

Bu bölümde, uygulamada bir değişiklik yapacak ve uygulama yerel Kubernetes kümesinde çalışırken bu değişikliği görüntüleyeceksiniz. Kubernetes: Çalıştır/Hata Ayıklama kanalının çıkış sekmesinde, uygulama URL'lerinin yanı sıra Watching for changes. yazıyor. Bu, izleme modunun etkinleştirildiği anlamına gelir. Cloud Code, izleme modundayken deponuzdaki kayıtlı değişiklikleri algılar ve son değişikliklerden sonra uygulamayı otomatik olarak yeniden derleyip yeniden dağıtır.

  1. Cloud Shell Düzenleyici'de main.go dosyasına gidin.
  2. Bu main.go dosyasında, 23. satırdaki rengi yeşilden maviye değiştirin.
  3. Dosyayı kaydedin.

Cloud Code, uygulamada yapılan değişikliğin kaydedildiğini algılar ve değişikliği otomatik olarak yeniden dağıtır. Çıktı sekmesinde Güncelleme başlatıldı ifadesi gösterilir. Bu yeniden dağıtımın çalışması birkaç dakika sürer.

Bu otomatik yeniden oluşturma işlemi, bazı uygulama türleri ve çerçevelerinde kullanılabilen bir özellik olan çalışırken kod yeniden yükleme işlemine benzer.

  1. Derleme tamamlandığında tarayıcınıza gidip uygulamayı açın ve sayfayı yenileyin.

Yenilediğinizde, tablonun üst kısmındaki renk maviden yeşile döner.

Bu kurulum, herhangi bir bileşene sahip tüm mimariler için otomatik olarak yeniden yüklemeyi sağlar. Cloud Code ve minikube kullanırken Kubernetes'te çalışan tüm öğeler çalışırken kod yeniden yükleme işlevine sahiptir.

6. Canlı Kubernetes uygulamalarında hata ayıklama

Uygulamayı çalıştırdınız, değişiklik yaptınız ve çalışan uygulamayı görüntülediniz. Bu bölümde, ana depoya geri gönderilmeye hazır olduğundan emin olmak için uygulamadaki hataları ayıklayacaksınız.

Bu hata ayıklama örneğinde sayfa sayacının kod bölümüne odaklanacağız.

  1. Cloud Shell Düzenleyici'de main.go dosyasını açın.
  2. Satır 82'nin soldaki sayısını tıklayarak uygulamada bir ayrılma noktası ayarlayın (err != nil { ise)
  3. Cloud Shell Düzenleyici'nin alt kısmındaki mavi bölmede Cloud Code'u d61e85cf23a32a40.png seçin.
  4. Üst kısımda görünen panelde Kubernetes'te hata ayıkla'yı seçin.

Cloud Code, yalnızca uygulamanın kullanıcı davranışına değil, uygulamanın bellek içi durumuna erişebilmeniz için hata ayıklayıcıları çalıştırır ve ekler.

  1. Dağıtma işleminin sonunda pencerenizin üst kısmında, uygulamanın dağıtıldığı kapsayıcıdaki dizini onaylamanızı isteyen bir istem görünür. f96e9a814edb44f4.png

Değerin /go/src/app olarak ayarlandığını doğrulayın ve değeri kabul etmek için Enter tuşuna basın

  1. Hata ayıklayıcının dağıtımı tamamlamasını bekleyin. Durum çubuğu turuncuya döndüğünde ve çıkışta "Attached debugger to container "sample-app-dev-..." successfully gösterdiğinde işlemin tamamlandığını anlarsınız.
  2. Cloud Code terminalinde çıkıştaki ilk URL'nin (http://localhost:8081) üzerine gelin. Ardından, görünen araç ucunda Web Önizlemesini Aç'ı seçin. Sayfanın yüklenmesi, beklenen bir şekilde bitmiyor.
  3. Hata ayıklayıcının şu anda göründüğü IDE'ye geri dönün. Kod, sekmede görüntülenir. Çağrı yığınını, kodun ilgili bölümünde hangi değişkenlerin mevcut olduğunu görürsünüz. Mevcut sayaç değişkeni değerini burada görmek için Değişkenler - Yerel bölümünü genişletebilirsiniz.
  4. Sayfanın yüklenmeye devam etmesini sağlamak için "Devam"ı seçin hata ayıklama penceresindeki 8f395391c4828528.png simgesi
  5. Hata ayıklamayı tamamladığınızda, çalışan iş parçacıklarının her birini sonlandırmak için durdur düğmesini tıklayın. 81d142a9e1a2c01b.png