Uygulama prototipi oluşturma aracını kullanmaya başlama

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

Uygulama prototipleme aracısı, tam yığın, temsilci tabanlı bir web uygulaması geliştirmek, test etmek, iterasyon yapmak ve yayınlamak için üretken yapay zekayı kullanan, basitleştirilmiş bir kodsuz geliştirme akışıdır. Uygulama fikrinizi isteğe bağlı bir görselle doğal dilde tanımlarsınız ve aracı bir uygulama taslağı, kod ve web önizlemesi oluşturur. Firebase Studio, tam yığın uygulamanızın geliştirilmesine ve yayınlanmasına yardımcı olmak için 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 Gemini Developer API'yi uygulamanıza ekler. Kendi Gemini API anahtarınızı kullanabilir veya Firebase Studio'in 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 Firebase App Hosting ile uygulamanızı yayınlamanın hızlı bir yolunu sunar.

Doğal dil, resim ve çizim araçlarını kullanarak uygulamayı hassaslaştırabilir, kodu doğrudan düzenleyebilir, değişiklikleri geri alabilir, uygulamayı yayınlayabilir ve performansını izleyebilirsiniz. Tüm bunları Firebase Studio'ten 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'i açın.

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

    İsterseniz isteminize resim de ekleyebilirsiniz. Bu, uygulamanızın ideal kullanıcı işlemleri akışının şeması veya Firebase Studiouygulamanızda kullanmak istediğiniz bir renk şeması olabilir. Resimler en fazla 3 MiB olabilir.

  3. Yapay zeka ile prototip oluştur'u tıklayın.

    Uygulama prototipi aracısı, önerilen uygulama adını, temel özellikleri ve stil yönergelerini içeren bir uygulama taslağı döndürür.

  4. Şemayı inceleyin. Gemini'ten iyileştirme ve değişiklik isteğinde bulunabilir ve taslağı doğrudan düzenleyebilirsiniz:

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

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

  5. Taslağı onayladıktan sonra Bu uygulamanın prototipini oluştur'u tıklayın.

    Gemini, taslaktan kod oluşturur ve incelemeniz için bir web önizlemesi döndürür.

  6. Uygulamanız yapay zeka kullanıyorsa Gemini API anahtarı eklemeniz veya oluşturmanız istenir. Otomatik oluştur'u tıkladığınızdaFirebase Studio, Firebase projesi ve Gemini API anahtarı sizin için sağlanır.

İlk uygulamanız oluşturulduktan sonra şunları yapabilirsiniz:

  • Test edin ve yineleyin: Uygulamanızı kapsamlı bir şekilde test edin ve memnun kalana kadar kod ile taslağı yinelemek için App Prototyping agent ile birlikte çalışın. Kod görünümüne girmek ve kodu Firebase Studio çalışma alanında düzenlemek için </> simgesini de tıklayabilirsiniz.

  • Uygulamanızı inceleyin ve uygulamanızla etkileşime geçin: Kod oluşturma işlemi tamamlandıktan sonra uygulamanızın önizlemesi gösterilir. Test etmek için doğrudan önizlemeyle etkileşimde bulunabilirsiniz. Uygulamanızı önizleme başlıklı makalede daha fazla bilgi edinin.

  • Uygulamada hata ayıklama: Kod değiştirme simgesi Kodu Göster'i tıklayarak Code görünümünü açın. Burada, uygulamanızı incelemek, hata ayıklamak ve denetlemek için Firebase Studio'ın yerleşik hata ayıklama ve raporlama özelliklerini kullanabilirsiniz. Prototyper mode at any time. görünümüne geri dönün.

    başlıklı makaleyi inceleyin.

  • Uygulamanızı Firebase App Hosting ile yayınlama: Uygulamanızı App Hosting'te yayınlamak için Yayınla'yı tıklayın.

  • Uygulamanızı ve yapay zeka özelliklerinizi izleyip optimize edin: Web uygulamanızın performansını ve kullanımını App Hosting'deki gözlemlenebilirlikle, üretken yapay zeka akışlarınızı ise Genkit'daki Firebase telemetrisiyle izleyin. Daha fazla bilgi için Web uygulamalarını izleme başlıklı makaleyi inceleyin.

Sonraki adımlar