Google AI Studio'da Tam Yığın Uygulamalar Geliştirme

Google AI Studio artık tam yığın geliştirmeyi destekliyor. Bu sayede, istemci tarafı prototiplerin ötesine geçen uygulamalar oluşturabilirsiniz. Sunucu tarafı çalışma zamanı ile sırları yönetebilir, harici API'lere bağlanabilir ve gerçek zamanlı çok oyunculu deneyimler oluşturabilirsiniz.

Sunucu tarafı çalışma zamanı

Google AI Studio uygulamaları artık sunucu tarafı bileşeni (Node.js) içerebilir. Böylece aşağıdakileri yapabilirsiniz:

  • Sunucu tarafı mantığını yürütme: İstemciye gösterilmemesi gereken kodu çalıştırma.
  • npm paketlerine erişme: Antigravity Agent, geniş npm ekosistemindeki paketleri yükleyip kullanabilir.
  • Gizli anahtarları işleme: API anahtarlarını ve kimlik bilgilerini güvenli bir şekilde kullanın.

npm paketlerini kullanma

npm install'ı manuel olarak çalıştırmanız gerekmez. Temsilciden paket gerektiren işlevler eklemesini istemeniz yeterlidir. Temsilci, yükleme ve içe aktarma işlemlerini gerçekleştirir.

Örnek: > "Harici API'den veri getirmek için axios kullan."

Gizli anahtarları güvenli bir şekilde yönetme

Sunucu tarafı kodu ve gizli anahtar yönetimi sayesinde artık dünyayla etkileşime geçen uygulamalar oluşturabilirsiniz.

  • Üçüncü taraf API'leri: Stripe, SendGrid gibi hizmetlere veya özel REST API'lerine bağlanın.
  • Veritabanları: Oturumun ötesinde verileri kalıcı hale getirmek için harici veritabanlarına (ör. Supabase, Firebase veya MongoDB Atlas aracılığıyla) bağlanın.

Gerçek dünya uygulamaları oluştururken genellikle API anahtarları gerektiren üçüncü taraf hizmetlerine (ör. Twilio, Slack veya veritabanları) bağlanmanız gerekir. Aşağıdaki adımları uygulayarak anahtarları manuel olarak ekleyebilirsiniz:

  1. Gizli dizi ekleme: Google AI Studio'da Ayarlar menüsüne gidip Gizli Diziler bölümünü bulun.
  2. Anahtarınızı saklama: API anahtarlarınızı veya gizli jetonlarınızı buraya ekleyin.
  3. Kodda erişim: Aracı, bu sırları güvenli bir şekilde (genellikle ortam değişkenleri aracılığıyla) erişen sunucu tarafı kodu yazabilir ve bunların hiçbir zaman istemci tarafı tarayıcıya gösterilmemesini sağlayabilir.

Gerekli olduğunda, yeni bir sır gerektiğinde veya projenin ortam değişkenlerinde yeni bir anahtar algılandığında, aracı sohbet penceresinde anahtar eklemenizi isteyen bir kart da gösterir.

OAuth'u ayarlama

Sır yönetimiyle ilgili temel kullanım alanlarından biri, diğer web sitelerine veya uygulamalara bağlanmak için OAuth'u ayarlamaktır. İsteminizde, OAuth kimlik doğrulaması gerektiren bir üçüncü taraf uygulamasına bağlanmayla ilgili talimatlar varsa aracı, bu uygulama için OAuth'u ayarlama talimatlarını sağlar. Bu talimatlar, OAuth uygulamanızı yapılandırmak için gerekli geri çağırma URL'lerini içerir. Geri çağırma URL'lerini Ayarlar panelindeki Entegrasyonlar bölümünde de bulabilirsiniz.

Çok oyunculu deneyimler oluşturma

Tam yığın çalışma zamanı, gerçek zamanlı ortak çalışma özelliklerini etkinleştirir.

  • Gerçek zamanlı durum: Aracının "canlı sohbet", "ortak beyaz tahta" veya "çok oyunculu oyun" gibi özellikler oluşturmasını isteyebilirsiniz.
  • Senkronize oturumlar: Sunucu durumu yönetir ve birden fazla kullanıcının aynı uygulama örneğiyle gerçek zamanlı olarak etkileşim kurmasına olanak tanır.

Örnek istem: > "Bunu, oyuncuların birbirlerinin imleçlerini görebileceği çok oyunculu bir oyun haline getir."

Çok oyunculu uygulamaları test etme ipuçları

Uygulamanızı dağıtmadan önce çok oyunculu modu iki şekilde test edebilirsiniz.

  1. Uygulamanızı Google AI Studio'nun Build (Oluşturma) modunda birden fazla sekmede açın. Uygulamanız, Build modunda geliştirilirken bir geliştirme container'ında bulunur. Uygulamayı birden fazla sekmede açarak uygulamanızı kullanan birden fazla oyuncuyu simüle edebilirsiniz.
  2. Sağ üstteki Paylaş menüsünü kullanarak uygulamayı başkalarıyla paylaşın. Ardından, uygulamayı paylaştığınız oyuncularla kullanmak için Paylaş menüsünün Entegrasyonlar sekmesindeki Paylaşılan URL'yi kullanın.

En iyi uygulamalar

  • Gizli anahtar güvenliği: Hassas anahtarlar için her zaman Secret Manager'ı kullanın. Bunları dosyalarınızda asla sabit kodlamayın.
  • İlgi alanlarının ayrılması: Kullanıcı arayüzü mantığınızı istemci tarafı çerçevesinde (React/Angular), işletme mantığınızı/veri işlemeyi ise sunucu tarafında tutun.
  • Hata işleme: Uygulamanın kilitlenmesini önlemek için sunucu tarafı kodunuzun harici API çağrılarından kaynaklanan hataları etkili bir şekilde işlemesini sağlayın.

Sırada ne var?