Firebase için Vertex AI SDK'larını kullanarak Gemini API'yi kullanmaya başlama


Bu kılavuz, Vertex AI Gemini API'yi doğrudan uygulamanızdan Firebase SDK'ları için Vertex AI.

Ön koşullar

Bu kılavuzda, uygulama geliştirme ve yayınlama için JavaScript'i web uygulamaları. Bu kılavuz çerçeveden bağımsızdır.

  • Geliştirme ortamınızın ve web uygulamanızın aşağıdaki koşulları karşıladığından emin olun koşullar:

    • (İsteğe bağlı) Node.js
    • Modern web tarayıcısı

  • (İsteğe bağlı) Örnek uygulamaya göz atın.

    Örnek uygulamayı indirin

    SDK'yı hızlıca deneyebilir, çeşitli kullanım alanlarını eksiksiz bir şekilde uygulanmış olarak görebilirsiniz. veya kendi web uygulamanız yoksa örnek uygulamayı kullanın. Örnek uygulamayı kullanmak için: Firebase projesine bağlayın.

1. Adım: Bir Firebase projesi oluşturun ve uygulamanızı Firebase'e bağlayın

Halihazırda Firebase projeniz ve Firebase'e bağlı bir uygulamanız varsa

  1. Firebase konsolunda şu sayfaya gidin: Gemini ile derleme sayfasına göz atın. ardından ikinci kartı tıklayarak bazı görevleri de gözden geçirmelisiniz. Vertex AI konsolunda bir sekme görürseniz tamamlandı.

  2. SDK'yı uygulamanıza eklemek için bu kılavuzdaki bir sonraki adıma geçin.

Halihazırda bir Firebase projeniz ve Firebase'e bağlı bir uygulamanız yoksa


2. Adım: SDK'yı ekleyin

Firebase projeniz hazır olduğunda ve uygulamanız Firebase'e bağlandığında (önceki adıma bakın) artık uygulamanıza Firebase için Vertex AI SDK'sını ekleyebilirsiniz.

Firebase için Vertex AI kitaplığı Vertex AI Gemini API, Web için Firebase JavaScript SDK.

  1. npm kullanarak Web için Firebase JS SDK'yı yükleyin:

    npm install firebase

  2. Uygulamanızda Firebase'i başlatın:

    import { initializeApp } from "firebase/app";

// TODO(developer) Replace the following with your app's Firebase configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize FirebaseApp
const firebaseApp = initializeApp(firebaseConfig);

3. adım: Vertex AI hizmetini ve üretken modeli başlatın

API çağrısı yapabilmek için Vertex AI'ı ilk kullanıma hazırlamanız gerekir üretken modele odaklanıyoruz.

import { initializeApp } from "firebase/app";
import { getVertexAI, getGenerativeModel } from "firebase/vertexai-preview";

// TODO(developer) Replace the following with your app's Firebase configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize FirebaseApp
const firebaseApp = initializeApp(firebaseConfig);

// Initialize the Vertex AI service
const vertexAI = getVertexAI(firebaseApp);

// Initialize the generative model with a model that supports your use case
// Gemini 1.5 models are versatile and can be used with all API capabilities
const model = getGenerativeModel(vertexAI, { model: "gemini-1.5-flash" });

Başlangıç kılavuzunu tamamladığınızda, Gemini modeli ve (isteğe bağlı olarak) konuma uygun olduğundan emin olun.

4. adım: Vertex AI Gemini API'yi çağırın

Uygulamanızı Firebase'e bağlayıp SDK'yı eklediniz ve ilk kullanıma hazırladınız. Vertex AI hizmetine ve üretken modele odaklanıyoruz. Vertex AI Gemini API'yi çağırmaya hazırsınız.

Yalnızca metin içeren bir istemden metin oluşturmak için generateContent() öğesini kullanabilirsiniz istek:

. 
import { initializeApp } from "firebase/app";
import { getVertexAI, getGenerativeModel } from "firebase/vertexai-preview";

// TODO(developer) Replace the following with your app's Firebase configuration
// See: https://firebase.google.com/docs/web/learn-more#config-object
const firebaseConfig = {
  // ...
};

// Initialize FirebaseApp
const firebaseApp = initializeApp(firebaseConfig);

// Initialize the Vertex AI service
const vertexAI = getVertexAI(firebaseApp);

// Initialize the generative model with a model that supports your use case
// Gemini 1.5 models are versatile and can be used with all API capabilities
const model = getGenerativeModel(vertexAI, { model: "gemini-1.5-flash" });

// Wrap in an async function so you can use await
async function run() {
  // Provide a prompt that contains text
  const prompt = "Write a story about a magic backpack."

  // To generate text output, call generateContent with the text input
  const result = await model.generateContent(prompt);

  const response = result.response;
  const text = response.text();
  console.log(text);
}

run();
ziyaret edin. ziyaret edin.

Başka ne yapabilirsiniz?

Gemini modelleri hakkında daha fazla bilgi

Şu konu hakkında bilgi edinin: çeşitli kullanım alanları için kullanılabilecek modeller ve kotalar ve fiyatlandırma hakkında daha fazla bilgi edinin.

Gemini API'nin diğer özelliklerini deneyin

İçerik üretme işlemini nasıl kontrol edeceğinizi öğrenin

ziyaret edin. Ayrıca, model yapılandırmalarınızı ve istemlerinizi görmek için Vertex AI Studio


Geri bildirimde bulunma ve Firebase için Vertex AI deneyiminiz hakkında