Firebase SDK'larında Vertex AI'ı kullanarak Gemini API'yi kullanmaya başlama


Bu kılavuz, Vertex AI Gemini API öğesini kullanarak doğrudan uygulamanızdan Seçtiğiniz platform için Vertex AI in Firebase SDK'sı.

Ö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.

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 şuna gidin: Build with Gemini (Gemini ile Derleme) sayfasını ziyaret edin.

  2. Size yardımcı olacak bir iş akışı başlatmak için Vertex AI in Firebase kartını tıklayın. tamamlanması gereken aktivitelerdir. (Konsolda Vertex AI, bu görevler tamamlanmış demektir.)

  3. 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 Vertex AI in Firebase SDK'sını uygulamanıza ekleyebilirsiniz.

Vertex AI in Firebase kitaplığı şunlara erişim sağlar: Vertex AI Gemini API ve 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 numaralı telefonu arayın

Uygulamanızı Firebase'e bağlayıp SDK'yı eklediniz ve ilk kullanıma hazırladınız. Vertex AI hizmeti ve üretken model, Vertex AI Gemini API numarasını aramaya 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'ın 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 Vertex AI in Firebase deneyiminiz hakkında bilgi