AI Studio'dan Cloud Run'a dağıtma

1. Genel Bakış

Yapay zeka ile geliştirme yolculuğuna bugün nereden başlayabilirsiniz? Çoğumuz için bu süreç basit bir soruyla başlar: Üzerinde düşündüğüm soruna yönelik bir çözümü hızlıca prototipleyebilir miyim? Google AI Studio bu noktada devreye girer. Hızlı prototip oluşturma için kullanılan bir platformdur. Bu codelab'de, sezgisel kodlama kullanarak basit bir web uygulaması oluşturacak ve uygulamayı Cloud Run'a dağıtacaksınız.

Ön koşullar

  • Web uygulamaları hakkında temel bilgi sahibi olmak

Neler öğreneceksiniz?

Bu codelab'de şunları öğreneceksiniz:

  1. Google AI Studio'da sezgisel kodlama kullanarak basit bir web uygulaması oluşturun.
  2. Uygulamanın beklendiği gibi çalıştığını test edin.
  3. Uygulamayı Cloud Run'a dağıtın.

Şartlar

2. Başlamadan önce

  1. Henüz bir Google Hesabınız yoksa Google Hesabı oluşturmanız gerekir.
    • İş veya okul hesabı yerine kişisel hesap kullanıyorsanız. İş ve okul hesaplarında, bu laboratuvar için gereken API'leri etkinleştirmenizi engelleyen kısıtlamalar olabilir.
  2. Google AI Studio'ya gidip hizmet şartlarını inceleyin.
  3. Google Cloud Başlangıç Katmanı'nda olduğunuz için iki tam yığın uygulama dağıtabileceğinizi unutmayın.

AI Studio'ya hoş geldiniz

3. Prototip

Google AI Studio'da sağ üst köşedeki Ayarlar panelini inceleyin. Burada modelinizi ve varsayılan çerçevenizi seçebilir, sistem talimatları sağlayabilirsiniz:

Ayarlar panelini inceleme

Ayarlardan memnun olduğunuzda oluşturmak istediğiniz uygulamayı açıklayın ve Oluştur'u tıklayın:

Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons".  
If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds.  
If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.

İstemi girin

AI Studio, bu açıklamaya göre bir web uygulaması oluşturur. Üretme işlemi 2-3 dakika sürer ve işlem sırasında tasarım seçeneklerini belirlemeniz istenebilir:

Tasarım kararları

Uygulamayla ilgili sorun yaşarsanız davranışını iyileştirmek için ek istemler girebilirsiniz (örneğin, Increase the size of the snowflakes to twice their current size).

Aşağıdaki resimde, oluşturulan uygulamanın anlık görüntüsü gösterilmektedir:

Tamamlanmış uygulamanın anlık görüntüsü

4. Cloud Run'a dağıt

Uygulama hazır olduğuna göre Cloud Run'a dağıtın:

  1. Sayfanın sağ üst köşesinde Yayınla'yı tıklayın.

Ekranın sağ üst köşesindeki Yayınla düğmesi

  1. Deploy app on Google Cloud (Uygulamayı Google Cloud'da dağıt) iletişim kutusu açılır.

Google Cloud'da uygulama dağıtma sihirbazının başlangıcı

  1. Projenizi seçmek için Bulut Projesi Seçin açılır listesini tıklayın veya Varsayılan Gemini Projesi ile devam edin.
  2. Açılır listeden projeyi seçin. Projenizi bulamıyorsanız Projeyi içe aktar'ı tıklayın ve Projeyi içe aktar bölmesinden projeyi seçin.
  3. İstenirse kuruluş türü olarak Bireysel'i seçin ve sokak adresinizi girin:

Faturalandırma hesabı ayrıntıları

  1. Uygulamanızı yayınlayın'ı tıklayın ve uygulamanın Cloud Run'a dağıtılmasını bekleyin. AI Studio'nun Cloud Run hizmet adını otomatik olarak oluşturduğunu unutmayın.

Uygulama yayınlama adımı

  1. Dağıtım işlemi birkaç dakika sürer. İşlem tamamlandığında, dağıtılan web uygulamasını açmak için Uygulama URL'si'ni tıklayın.

Uygulama yayınlama adımı

5. Temizleme

Bu codelab'de kullanılan kaynaklar için Google Cloud hesabınızın ücretlendirilmesini istemiyorsanız Uygulamanın yayınını kaldır'ı tıklayın:

Uygulama yayından kaldırma adımı

6. Tebrikler

Tebrikler! Google AI Studio'da bir web uygulamasını başarıyla Vibe Code ile kodlayıp Cloud Run'a dağıttınız.

AI Studio'nun Cloud Run ile entegrasyonu, uygulamaları doğrudan Google Cloud'a dağıtmayı kolaylaştırır. Cloud Run'ı kullanarak sunucusuz ortamın tüm avantajlarından yararlanabilir ve altyapı yönetiminin karmaşıklıklarını soyutlayabilirsiniz.

Sonraki Adımlar

Tebrikler! Bu laboratuvarı tamamladınız. Uygulama çerçeveniz hazır olduğuna göre projenizin özelliklerini genişletmek için aşağıdaki resmi kılavuzları inceleyin:

  • İstem Tasarımı Stratejileri: İstemleri yapılandırma, sistem talimatlarını kullanma, birkaç görevli örnek uygulama ve çıkış biçimini kontrol etme gibi temel ilkeleri öğrenin.
  • Gemini API ile İşlev Çağırma: Dağıtımınızı harici araçlara ve API'lere bağlayarak Gemini modelinin yapılandırılmış veriler oluşturmasına ve gerçek dünyadaki uygulama mantığını tetiklemesine olanak tanıyın.
  • Text-to-Speech Üretimi: Gemini API'yi kullanarak seslendirilmiş içerik üretmeyi, konuşma stillerini kontrol etmeyi ve Google AI Studio'daki Ses Kitaplığı'nı kullanarak sesleri test etmeyi öğrenin.