Inizia a utilizzare l'API Gemini utilizzando Vertex AI negli SDK Firebase


Questa guida spiega come iniziare a effettuare chiamate al Vertex AI Gemini API direttamente dalla tua app utilizzando SDK Vertex AI in Firebase per la piattaforma scelta.

Prerequisiti

Questa guida presuppone che tu abbia familiarità con l'utilizzo di JavaScript per sviluppare app web. Questa guida è indipendente dal framework.

  • Assicurati che l'ambiente di sviluppo e l'app web soddisfino quanto segue requisiti:

    • (Facoltativo) Node.js
    • Browser web moderno

  • (Facoltativo) Dai un'occhiata all'app di esempio.

    Scarica l'app di esempio

    Puoi provare rapidamente l'SDK, visualizzare un'implementazione completa di vari casi d'uso o utilizzare l'app di esempio se non hai una tua app web. Per utilizzare l'app di esempio, dovrai collegarla a un progetto Firebase.

Passaggio 1: configura un progetto Firebase e collega la tua app a Firebase

Se disponi già di un progetto Firebase e di un'app collegata a Firebase

  1. Nella console Firebase, vai a Pagina Crea con Gemini.

  2. Fai clic sulla scheda Vertex AI in Firebase per avviare un flusso di lavoro che ti aiuta a completare le seguenti attività. Tieni presente che se nella console è presente una scheda perVertex AI, queste attività sono state completate.

  3. Vai al passaggio successivo di questa guida per aggiungere l'SDK alla tua app.

Se non hai già un progetto Firebase e un'app collegata a Firebase


Passaggio 2: aggiungi l'SDK

Dopo aver configurato il progetto Firebase e aver collegato l'app a Firebase (vedi il passaggio precedente), ora puoi aggiungere l'SDK Vertex AI in Firebase alla tua app.

La libreria Vertex AI in Firebase consente di accedere a Vertex AI Gemini API ed è incluso nel SDK Firebase JavaScript per il Web.

  1. Installa l'SDK Firebase JS per il web utilizzando npm:

    npm install firebase

  2. Inizializza Firebase nella tua app:

    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);

Passaggio 3: inizializza il servizio Vertex AI e il modello generativo

Prima di poter effettuare chiamate API, devi inizializzare Vertex AI e il modello generativo.

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" });

Al termine della guida introduttiva, scopri come scegliere un modello Gemini e, facoltativamente, un luogo appropriato per il tuo caso d'uso e la tua app.

Passaggio 4: chiama il numero Vertex AI Gemini API

Ora che hai collegato la tua app a Firebase, aggiunto l'SDK e inizializzato il servizio Vertex AI e il modello generativo, puoi chiamare Vertex AI Gemini API.

Puoi utilizzare generateContent() per generare testo da un prompt di solo testo richiesta:

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();

Cos'altro puoi fare?

Scopri di più sui modelli Gemini

Scopri i modelli disponibili per vari casi d'uso e le relative quote e prezzi.

Prova altre funzionalità di Gemini API

Scopri come controllare la generazione di contenuti

Puoi anche sperimentare i prompt e le configurazioni del modello utilizzando Vertex AI Studio


Fornisci feedback la tua esperienza con Vertex AI in Firebase