Uygulama Prototipleme Ajanı'nı kullanmaya başlama

Firebase Studio, doğal dil, resimler ve çizim araçları gibi çok formatlı istemler kullanarak yapay zeka destekli web uygulamalarını hızlı bir şekilde prototip oluşturmanıza ve üretmenize olanak tanıyan web tabanlı bir arayüz içerir. Aracı, Next.js uygulamalarını destekler. Gelecekte diğer platformlar ve çerçeveler de desteklenecektir.

App Prototyping agent, tam yığınlı, temsilci tabanlı bir web uygulaması geliştirmek, test etmek, yinelemek ve yayınlamak için üretken yapay zekayı kullanan, kodsuz ve kolaylaştırılmış bir geliştirme akışıdır. Uygulama fikrinizi doğal dilde ve isteğe bağlı bir resimle açıklarsınız. Temsilci, uygulama planı, kod ve web önizlemesi oluşturur. Tam yığın uygulamanızın geliştirilmesine ve yayınlanmasına yardımcı olmak için Firebase Studio aşağıdaki hizmetleri sizin için otomatik olarak sağlayabilir:

• Uygulamanızda yapay zeka kullanılıyorsa: Firebase Studio, Gemini ile çalışmak için Genkit akışlarının gücünü kullanarak uygulamanıza Gemini Developer API ekler. Kendi Gemini API anahtarınızı kullanabilir veya Firebase Studio'nin sizin için bir Firebase projesi ve Gemini API anahtarı sağlamasına izin verebilirsiniz.
• Uygulamanızı web'de yayınlamak istiyorsanız: Firebase Studio bir proje oluşturur ve uygulamanızı Firebase App Hosting ile yayınlamanın hızlı bir yolunu sunar.

Doğal dil, resimler ve çizim araçlarını kullanarak uygulamayı iyileştirebilir, kodu doğrudan düzenleyebilir, değişiklikleri geri çekebilir, uygulamayı yayınlayabilir ve performansını izleyebilirsiniz. Tüm bunları Firebase Studio üzerinden yapabilirsiniz.

Başlayın

App Prototyping agent'ı kullanmaya başlamak için aşağıdaki adımları uygulayın:

1. Google Hesabınıza giriş yapın ve Firebase Studio simgesini açın.

2. Yapay zeka ile uygulama prototipi oluşturun alanında, uygulama fikrinizi doğal dilde açıklayın.

   Örneğin, yemek tarifi oluşturma uygulaması oluşturmak için aşağıdaki gibi bir istem girebilirsiniz:

   Use secure coding practices to create an error-free web app that lets
   users upload a photo or take a picture with their browser
   camera. The app identifies the food in the picture and generates a
   recipe and accompanying image that includes that food.
   
   If no food product is identified, generate a random dessert recipe.
   

3. İsterseniz isteminize eşlik edecek bir resim yükleyin. Örneğin, uygulamanızın kullanmasını istediğiniz renk şemasını içeren bir resim yükleyebilir ve Firebase Studio'ya bu resmi kullanmasını söyleyebilirsiniz. Görseller 3 MiB'tan küçük olmalıdır.

4. Yapay zeka ile prototip oluşturun'u tıklayın.

   App Prototyping agent, isteminize göre bir uygulama planı oluşturur ve önerilen uygulama adını, gerekli özellikleri ve stil yönergelerini döndürür.

5. Planı inceleyin. Gerekirse birkaç değişiklik yapın. Örneğin, aşağıdaki seçeneklerden birini kullanarak önerilen uygulama adını veya renk şemasını değiştirebilirsiniz:

   • editÖzelleştir'i tıklayın ve planı doğrudan düzenleyin. Değişikliklerinizi yapıp Kaydet'i tıklayın.

   • Sohbet bölmesindeki Açıklayın... alanına açıklayıcı sorular ve bağlam ekleyin. Ek resimler de yükleyebilirsiniz.

6. Bu uygulamanın prototipini oluştur'u tıklayın.

7. App Prototyping agent, uygulamanızın kodunu yazmaya başlar.

   • Uygulamanızda yapay zeka kullanılıyorsa Gemini API anahtarı eklemeniz veya oluşturmanız istenir. Otomatik oluştur'u tıklarsanız App Prototyping agent, sizin için bir Firebase projesi ve Gemini API anahtarı sağlar.

Test etme, iyileştirme, hata ayıklama ve tekrarlama

İlk uygulama oluşturulduktan sonra test edebilir, iyileştirebilir, hatalarını ayıklayabilir ve yineleyebilirsiniz.

• Uygulamanızı inceleyin ve uygulamayla etkileşim kurun: Kod oluşturma işlemi tamamlandıktan sonra uygulamanızın önizlemesi gösterilir. Önizlemeyle doğrudan etkileşim kurarak testi gerçekleştirebilirsiniz. Daha fazla bilgiyi Uygulamanızı önizleme başlıklı makalede bulabilirsiniz.

• Cloud Firestore ve Firebase Authentication ekle: Yineleme aşamasında, App Prototyping agent'den Cloud Firestore ve Firebase Authentication kullanarak kullanıcı kimlik doğrulaması ve veritabanı eklemesini isteyebilirsiniz. Örneğin, kullanıcılara aşağıdaki gibi bir istemle tarifleri kaydetme ve indirme olanağı sunun:

  Add user authentication to the app. Authenticated users can:
  
    - Download the recipe and its generated image as a PDF (Print).
  
    - Save the recipe as public or private and make accessible to a search
      feature. For now, just save the text, not the image, to the database.
  
  Important: Only authenticated users can download the PDF.
  

• Hataları oluştuğu anda düzeltin: Çoğu durumda App Prototyping agent oluşan hataları düzeltmenizi ister. Düzeltme girişiminde bulunmasına izin vermek için Hatayı Düzelt'i tıklayın.

  Otomatik olarak düzeltmeniz istenmeyen hatalar alırsanız hatayı ve ilgili bağlamı (ör. "Firebase başlatma kodumdaki bu hatayı düzeltebilir misin?") kopyalayıp sohbet penceresine yapıştırın ve Gemini adresine gönderin.

• Doğal dili kullanarak test edin ve yineleyin: Uygulamanızı kapsamlı bir şekilde test edin ve kod ile taslak üzerinde yineleme yapmak için App Prototyping agent ile birlikte çalışın. Bu işlemi, sonuçtan memnun kalana kadar tekrarlayın.

  Prototyper görünümündeyken aşağıdaki özellikleri de kullanabilirsiniz:

  • Doğrudan önizleme penceresinde çizim yapmak için Not ekle'yi tıklayın. App Prototyping agent öğesinin ne şekilde değişmesini istediğinizi görsel olarak açıklamak için isteğe bağlı bir metin isteminin yanı sıra mevcut şekil, resim ve metin araçlarını kullanın.

  • Belirli bir öğeyi seçmek ve App Prototyping agent için talimat girmek üzere Seç'i tıklayın. Bu sayede belirli bir simgeyi, düğmeyi, metin parçasını veya başka bir öğeyi hızlıca hedefleyebilirsiniz. Bir resmi tıkladığınızda Unsplash'ten stok görsel arayıp seçme seçeneği de sunulur.

  İsteğe bağlı olarak, Önizleme bağlantısını paylaş'ı tıklayarak uygulamanızı Firebase Studio genel önizlemeler ile herkese açık ve geçici olarak paylaşabilirsiniz.

• Firebase projesi oluşturma: App Prototyping agent, aşağıdakileri yaptığınızda sizin adınıza bir Firebase projesi sağlar:

  • Gemini API anahtarını otomatik olarak oluşturma
  • Uygulamanızı bir Firebase projesine bağlamayı isteyin
  • Uygulamanızı Firebase hizmetlerine bağlama konusunda yardım isteyin (ör. Cloud Firestore veya Firebase Authentication).
  • Yayınla düğmesini tıklayın ve Firebase App Hosting ayarlarını yapın.

  Çalışma alanınıza bağlı Firebase projesini değiştirmek için App Prototyping agent istemine bunun yerine kullanmak istediğiniz proje kimliğini girin. Örneğin, "<your-project-id> kimlikli Firebase projesine geç."

• Uygulamayı test etme ve Cloud Firestore veritabanı kurallarını doğrulama: Uygulamanızın malzemeleri tanımlama, tarif oluşturma ve kaydetme özelliğini test etmek için uygulama önizleme bölmesinde farklı yemeklerin yer aldığı bir resim yükleyin.

  Farklı kullanıcılar olarak oturum açıp yemek tarifleri oluşturun: Kimliği doğrulanmış kullanıcıların özel yemek tariflerini ve tariflerini görebildiğinden, tüm kullanıcıların ise herkese açık yemek tariflerini görebildiğinden emin olun.

  App Prototyping agent'dan Cloud Firestore eklemesini istediğinizde sizin için Cloud Firestore veritabanı kurallarını yazar ve dağıtır. Firebase konsolundaki kuralları inceleyin.

• Doğrudan kodda hata ayıklama ve yineleme: Code görünümünü açmak için Koda Geç'i tıklayın. Bu görünümde uygulamanızın tüm dosyalarını görebilir ve kodunuzu doğrudan değiştirebilirsiniz. Dilediğiniz zaman Prototyper moduna geri dönebilirsiniz.

  Code görünümündeyken aşağıdaki faydalı özellikleri de kullanabilirsiniz:

  • Firebase Studio'nın uygulamanızı incelemek, hatalarını ayıklamak ve denetlemek için yerleşik hata ayıklama ve raporlama özelliklerini kullanın.

  • Gemini kullanarak yapay zeka yardımı Kodunuzun içinde veya Gemini etkileşimli sohbeti kullanarak (her ikisi de varsayılan olarak kullanılabilir). Etkileşimli sohbet, sorunları teşhis edebilir, çözümler sunabilir ve uygulamanızı daha hızlı düzeltmenize yardımcı olacak araçları çalıştırabilir. Sohbete erişmek için çalışma alanının alt kısmındaki spark'ıGemini tıklayın.

  • Veritabanı ve kimlik doğrulama verilerini görüntülemek için Firebase Local Emulator Suite'e erişin. Emülatörü çalışma alanınızda açmak için:

    1. Koda Geç'i tıklayın ve Firebase Studio uzantısını açın (MacOS'te Ctrl+',Ctrl+' veya Cmd+',Cmd+').

    2. Arka uç bağlantı noktaları'na gidin ve genişletin.

    3. Port 4000'e karşılık gelen İşlemler sütununda Yeni pencerede aç'ı tıklayın.

• Üretken yapay zeka özelliğinizin performansını test etme ve ölçme: Genkit Developer UI kullanarak Genkit yapay zeka akışlarınızı çalıştırabilir, test edebilir, hatalarını ayıklayabilir, farklı modellerle etkileşim kurabilir, istemlerinizi iyileştirebilir ve daha fazlasını yapabilirsiniz.

  Genkit akışlarınızı Genkit Developer UI'e yüklemek ve test etmeye başlamak için:

  1. Firebase Studio çalışma alanınızdaki terminalden, Gemini API anahtarınızı kaynaklandırmak ve Genkit sunucusunu başlatmak için aşağıdaki komutu çalıştırın:

      npm run genkit:watch
     

  2. Genkit Developer UI bağlantısını tıklayın. Genkit Developer UI Akışlarınız, istemleriniz, yerleştiricileriniz ve çeşitli modellerin yer aldığı yeni bir pencerede açılır.

  Genkit Developer UI hakkında daha fazla bilgi edinin. Genkit Geliştirici Araçları

Uygulamanızı Firebase App Hosting ile yayınlama

Uygulamanızı test edip çalışma alanınızda memnun kaldıktan sonra Firebase App Hosting ile web'de yayınlayabilirsiniz.

App Hosting'ı ayarladığınızda Firebase Studio, sizin için bir Firebase projesi oluşturur (Gemini API anahtarı veya diğer arka uç hizmetleri otomatik olarak oluşturularak daha önce oluşturulmamışsa) ve bir Cloud Billing hesabını bağlama konusunda size yol gösterir.

Uygulamanızı yayınlamak için:

1. Firebase projenizi oluşturmak ve uygulamanızı yayınlamak için Yayınla'yı tıklayın. Uygulamanızı yayınlayın bölmesi görünür.

2. Firebase projesi adımındaki App Prototyping agent, çalışma alanıyla ilişkili Firebase projesini gösterir. Firebase projesi yoksa App Prototyping agent sizin için yeni bir proje oluşturur. Devam etmek için Sonraki'yi tıklayın.

3. Link Cloud Billing account (Cloud Billing hesabını bağla) adımında aşağıdakilerden birini seçin:

   • Firebase projenize bağlamak istediğiniz Cloud Billing hesabını seçin.

   • Cloud Billing hesabınız yoksa veya yeni bir hesap oluşturmak istiyorsanız Cloud Billing hesabı oluştur'u tıklayın. Bu işlemle Google Cloud konsolu açılır. Burada yeni bir self servis Cloud Billing hesabı oluşturabilirsiniz. Hesabı oluşturduktan sonra Firebase Studio adresine dönün ve Bağla Cloud Billing listesinden hesabı seçin.

4. İleri'yi tıklayın. Firebase Studio, faturalandırma hesabını, çalışma alanınızla ilişkili projeye bağlar. Bu proje, Gemini API anahtarı otomatik olarak oluşturulduğunda veya Yayınla'yı tıkladığınızda oluşturulur.

   App Hosting

5. Hizmetleri ayarlayın'ı tıklayın. App Prototyping agent, Firebase hizmetlerini sağlamaya başlar.

6. Şimdi yayınla'yı tıklayın. Firebase Studio, Firebase hizmetlerini kurar ve ardından App Hosting dağıtımını başlatır. Bu işlemin tamamlanması birkaç dakika sürebilir. Arka planda neler olduğu hakkında daha fazla bilgi edinmek için App Hosting derleme süreci başlıklı makaleyi inceleyin.

7. Yayınlama adımı tamamlandığında App Hosting gözlemlenebilirlik tarafından desteklenen bir URL ve uygulama analizleriyle birlikte Uygulamaya genel bakış sayfası gösterilir. Firebase tarafından oluşturulan alan adı yerine özel bir alan adı (ör. example.com veya app.example.com) kullanmak için Firebase konsolunda özel bir alan adı ekleyebilirsiniz.

App Hosting hakkında daha fazla bilgi için App Hosting ve nasıl çalıştığı hakkında bilgi başlıklı makaleyi inceleyin.

Firebase App Check ve reCAPTCHA Enterprise ile uygulamanızı güvenli hale getirme

Firebase veya Google Cloud hizmetlerini uygulamanıza entegre ettiyseniz, Firebase App Check, yetkisiz istemcilerin Firebase kaynaklarınıza erişmesini engelleyerek uygulama arka uçlarınızı kötüye kullanıma karşı korur. Kaynaklarınızın güvenliğini sağlamak için hem Google hizmetleriyle (Firebase ve Google Cloud hizmetleri dahil) hem de kendi özel arka uçlarınızla birlikte çalışır.

Arka uç kaynaklarınızı kötüye kullanıma karşı korumak için herkese açık olarak yayınladığınız uygulamalara App Check eklemenizi öneririz.

Bu bölümde, App Prototyping agent tarafından oluşturulan bir web uygulaması için reCAPTCHA Enterprise kullanarak Firebase Studio içinde App Check'yı nasıl ayarlayacağınız açıklanmaktadır. Ancak Firebase hizmetlerini uygulayan ve özel sağlayıcıları uygulayabilen herhangi bir uygulamada Firebase Studio içinde App Check'yı ayarlayabilirsiniz. Daha fazla bilgiyi Firebase App Check adresinde bulabilirsiniz.

ReCAPTCHA Enterprise,10.000'e kadar değerlendirmeyi ücretsiz olarak sunar.

1. adım: Uygulamanız için reCAPTCHA Enterprise'ı ayarlayın

1. Google Cloud konsolunun reCAPTCHA Enterprise bölümünü açın.

2. Google Cloud konsolundaki proje seçiciden Firebase projenizin adını seçin.

3. reCAPTCHA Enterprise API'yi etkinleştirmeniz istenirse etkinleştirin.

4. Başlayın'ı tıklayın ve reCAPTCHA site anahtarınız için bir görünen ad ekleyin.

5. Varsayılan Web Application type (Uygulama türü) anahtarını kabul edin.

6. Alan ekle'yi tıklayın ve bir alan ekleyin. App Hosting alanınızı (örneğin, studio--PROJECT_ID.REGION.hosted.app) ve uygulamanızla kullandığınız veya kullanmayı planladığınız tüm özel alanları eklemeniz gerekir.

7. Next step'i (Sonraki adım) tıklayın.

8. Giriş sorgulamalarını kullanacak mısınız? seçeneğini işaretlemeyin.

9. Anahtar oluştur'u tıklayın.

10. Anahtar kimliğinizi kopyalayıp kaydedin ve YapılandırmaApp Check bölümüne gidin.

2. adım: App Check yapılandırın

1. Firebase konsolunu açın ve gezinme menüsünden Build > App Check'i (Derleme > App Check) tıklayın.

2. Başlayın'ı, ardından uygulamanızın yanındaki Kaydol'u tıklayın.

3. ReCAPTCHA'yı genişletmek için tıklayın ve reCAPTCHA Enterprise için oluşturduğunuz anahtar kimliğini yapıştırın.

4. Kaydet'i tıklayın.

3. adım: Kodunuza App Check ekleyin

1. Firebase Studio'ya dönün ve Code görünümünde, oluşturduğunuz site anahtarını .env dosyanıza ekleyin:

   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

2. Firebase yapılandırmanız .env konumuna kaydedilmediyse yapılandırmayı edinin:

   • Firebase Konsol'da Proje ayarları'nı açın ve uygulamanıza karşılık gelen bölümden bulun.

   • Code görünümündeki terminalden:

     1. Firebase'e giriş yapın: firebase auth login
     2. Projenizi seçin: firebase use FIREBASE_PROJECT_ID
     3. Firebase yapılandırmasını alın: firebase apps:sdkconfig

3. Yapılandırmayı .env dosyanıza aşağıdaki gibi görünecek şekilde ekleyin:

   NEXT_PUBLIC_FIREBASE_API_KEY=FIREBASE_API_KEY
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=FIREBASE_AUTH_DOMAIN
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=FIREBASE_PROJECT_ID
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=FIREBASE_STORAGE_BUCKET
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=FIREBASE_MESSAGING_SENDER_ID
   NEXT_PUBLIC_FIREBASE_APP_ID=FIREBASE_APP_ID
   NEXT_PUBLIC_RECAPTCHA_SITE_KEY=RECAPTCHA_SITE_KEY
   

4. App Check kodunu uygulama kodunuza ekleyin. Gemini'dan reCAPTCHA Enterprise ile App Check eklemesini isteyebilir (reCAPTCHA Enterprise'ı belirttiğinizden ve iki kez kontrol ettiğinizden emin olun) veya Başlatma bölümündeki adımları uygulayabilirsiniz.App Check

5. Sitenizi App Hosting adresinde yeniden yayınlayın. Bazı veriler oluşturmak için veritabanınızı ve kimlik doğrulama özelliklerinizi test etmeyi deneyin.

6. Derleme > App Check'i açarak App Check konsolunda App Check'nın istek aldığını doğrulayın.Firebase

7. Cloud Firestore öğesini incelemek için tıklayın. İsteklerin geldiğini doğruladıktan sonra App Check öğesini zorunlu kılmak için Zorunlu kıl'ı tıklayın.

8. Firebase Authentication için doğrulama ve zorunlu kılma işlemlerini tekrarlayın.

Uygulamanızı App Check için kaydettikten sonra, uygulamanızı normalde App Check tarafından geçerli olarak sınıflandırılmayacak bir ortamda (ör. geliştirme sırasında yerel olarak veya sürekli entegrasyon (CI) ortamında) çalıştırmak istiyorsanız uygulamanızın gerçek bir onay sağlayıcı yerine App Check hata ayıklama sağlayıcısını kullanan bir hata ayıklama derlemesi oluşturabilirsiniz. Daha fazla bilgiyi Web uygulamalarında hata ayıklama sağlayıcısıyla App Check kullanma başlıklı makalede bulabilirsiniz.

Uygulamanızı izleme

Firebase Studio içindeki Uygulamaya genel bakış panelinde, uygulamanızla ilgili temel metrikler ve bilgiler yer alır. Bu panel sayesinde, App Hosting'ün yerleşik gözlemlenebilirlik araçlarını kullanarak web uygulamanızın performansını izleyebilirsiniz. Siteniz kullanıma sunulduktan sonra Yayınla'yı tıklayarak genel bakışa erişebilirsiniz. Bu panelden şunları yapabilirsiniz:

• Uygulamanızın yeni bir sürümünü yayınlamak için Yayınla'yı tıklayın.
• Uygulamanızın bağlantısını paylaşın veya Uygulamanızı ziyaret edin'de doğrudan uygulamanızı açın.
• Uygulamanızın son 7 gündeki performansının özetini (toplam istek sayısı ve son dağıtımınızın durumu dahil) inceleyin. Ayrıntıları göster'i tıklayarak Firebase konsolunda daha fazla bilgiye erişin.
• Uygulamanızın son 24 saat içinde aldığı isteklerin sayısının HTTP durum koduna göre dökümünü içeren bir grafik görüntüleyin.
• Firebase Authentication ve Cloud Firestore gibi Firebase hizmetlerinin etkinleştirme durumunu görüntüleyin.

Uygulamaya genel bakış panelini kapatırsanız Yayınla'yı tıklayarak istediğiniz zaman yeniden açabilirsiniz.

App Hosting dağıtımlarını yönetme ve izleme hakkında daha fazla bilgi edinmek için Dağıtımları ve yayınları yönetme başlıklı makaleyi inceleyin.

Dağıtımınızı geri çekme

Uygulamanızın birbirini takip eden sürümlerini App Hosting'ya dağıttıysanız önceki sürümlerden birine geri dönebilir veya uygulamayı kaldırabilirsiniz.

• Yayınlanan bir siteyi geri döndürmek için:

  1. App Hosting konsolunda Firebase'ı açın.

  2. Uygulamanızın arka ucunu bulun, Görüntüle'yi ve ardından Kullanıma sunumlar'ı tıklayın.

  3. Geri dönmek istediğiniz dağıtımın yanındaki Diğer'i more_vert tıklayın, ardından Bu derlemeye geri dön'ü seçip onaylayın.

  Daha fazla bilgi için Dağıtımları ve yayınları yönetme başlıklı makaleyi inceleyin.

• App Hosting alanınızı web'den kaldırmak için:

  1. Firebase konsolunda App Hosting uygulamasını açın ve Firebase Studio uygulama bölümünde Görüntüle'yi tıklayın.

  2. Arka uç bilgileri bölümünde Yönet'i tıklayın. Alanlar sayfası yüklenir.

  3. Alanınızın yanındaki Diğer'i more_vert tıklayın, ardından Alanı devre dışı bırak'ı seçin ve işlemi onaylayın.

  Bu işlemle alanınız web'den kaldırılır. App Hosting arka uçunuzu tamamen kaldırmak için Arka ucu silme bölümündeki talimatları uygulayın.

Dağıtılan özellikleriniz için Genkit izlemeyi kullanma

Genkit özelliği için telemetriyi etkinleştirerek Genkit özellik adımlarınızı, girişlerinizi ve çıkışlarınızı izleyebilirsiniz. Genkit için telemetri özelliği, yapay zeka akışlarınızın performansını ve kullanımını izlemenize olanak tanır. Bu veriler, geliştirilebilecek alanları belirlemenize, sorunları gidermenize, daha iyi performans ve maliyet verimliliği için istemlerinizi ve akışlarınızı optimize etmenize ve akışlarınızın zaman içindeki kullanımını izlemenize yardımcı olabilir.

Genkit'da izlemeyi ayarlamak için Genkit yapay zeka akışlarına telemetri ekleyip sonuçları Firebase konsolunda görüntüleyebilirsiniz.

Google Cloud Observability fiyatlandırma sayfasını inceleyin.

1. adım: Genkit akış kodunuza Firebase Studio içinde telemetri ekleyin

Kodunuzda izlemeyi ayarlamak için:

1. Henüz Code görünümünde değilseniz açmak için Koda Geç'i tıklayın.

2. Yüklü Genkit sürümünü doğrulamak için package.json işaretini kontrol edin.

3. Terminali açın (Ctrl-Shift-C veya MacOS'te Cmd-Shift-C).

4. Terminalin içini tıklayın ve package.json dosyanızla eşleşen sürümü kullanarak Firebase eklentisini yükleyin. Örneğin, Genkit paketleriniz package.json içinde 1.0.4 sürümündeyse eklentiyi yüklemek için aşağıdaki komutu çalıştırmanız gerekir:

   npm i --save @genkit-ai/firebase@1.0.4

5. Gezgin'de src > ai > flows'ı genişletin. Genkit akışlarınızı içeren bir veya daha fazla TypeScript dosyası flows klasöründe görünür.

6. Açmak istediğiniz akışı tıklayın.

7. Dosyanın içe aktarma bölümünün en altına, FirebaseTelemetry içe aktarmak ve etkinleştirmek için aşağıdakileri ekleyin:

   import { enableFirebaseTelemetry } from '@genkit-ai/firebase';
   
   enableFirebaseTelemetry();
   

2. adım: İzinleri ayarlayın

Firebase Studio, Firebase projenizi oluştururken sizin için gerekli API'leri etkinleştirdi ancak App Hosting hizmet hesabına da izin vermeniz gerekiyor.

İzinleri ayarlamak için:

1. Google Cloud konsolunda IAM sayfasına gidin ve Firebase projenizi seçin.

2. App Hosting hizmet hesabına aşağıdaki rolleri verin:

   • Monitoring Metric Writer (roles/monitoring.metricWriter)
   • Cloud Trace Aracısı (roles/cloudtrace.agent)
   • Günlük Yazıcı (roles/logging.logWriter)

3. App Hosting için uygulamanızı yeniden yayınlayın.

4. Yayınlama işlemi tamamlandığında uygulamanızı yükleyip kullanmaya başlayın. Beş dakika sonra uygulamanız telemetri verilerini kaydetmeye başlamalıdır.

3. adım: Firebase konsolunda üretken yapay zeka özelliklerinizi izleyin

Telemetri yapılandırıldığında Genkit, tüm akışlarınız için istek sayısını, başarı sayısını ve gecikmeyi kaydeder. Ayrıca, her bir akış için kararlılık metriklerini toplar, ayrıntılı grafikler gösterir ve yakalanan izleri günlüğe kaydeder.Genkit

Genkit ile uygulanan yapay zeka özelliklerinizi izlemek için:

1. Beş dakika sonra Firebase konsolunda AI Services > Genkit'e giderek Genkit istemlerini ve yanıtlarını inceleyin.

2. Genkit tarafından derlenen aşağıdaki kararlılık metriklerini inceleyebilirsiniz:

   • Toplam istek sayısı: Akışınız tarafından alınan toplam istek sayısı.
   • Başarı oranı: Başarıyla işlenen isteklerin yüzdesi.
   • 95. yüzdelik dilim gecikmesi: Akışınızın 95. yüzdelik dilim gecikmesi. Bu, isteklerin% 95'inin işlenmesi için gereken süredir.

   • Jeton kullanımı:

     • Giriş jetonları: İstemde modele gönderilen jeton sayısı.
     • Çıkış jetonları: Yanıtta model tarafından oluşturulan jetonların sayısı.

   • Görüntü kullanımı:

     • Giriş resimleri: İstemde modele gönderilen resimlerin sayısı.
     • Çıkış resimleri: Yanıtta model tarafından oluşturulan resimlerin sayısı.

3. Aşağıdaki ayrıntılı grafikleri görüntülemek için kararlılık metriklerini genişletebilirsiniz:

   • Zaman içindeki istek hacmi.
   • Zaman içindeki başarı oranı.
   • Zaman içindeki giriş ve çıkış jetonları.
   • Zaman içindeki gecikme (95. ve 50. yüzdelik dilim).

Genkit hakkında daha fazla bilgiyi belgelerinde bulabilirsiniz.

Sonraki adımlar

• Firebase Studio ile tam yığın web uygulaması geliştirin, yayınlayın ve izleyin.
• Şablon veya çözüm kullanarak herhangi bir çerçeveyle uygulama geliştirin.