Firebase의 Vertex AI SDK를 사용하여 Gemini API 시작하기


이 가이드에서는 Vertex AI Gemini API: 선택한 플랫폼에 맞는 Vertex AI in Firebase SDK입니다.

기본 요건

이 가이드에서는 JavaScript를 사용해 개발 작업을 하는 데 익숙하다고 가정합니다. 있습니다. 이 가이드는 프레임워크와 독립적입니다.

1단계: Firebase 프로젝트 설정 및 Firebase에 앱 연결

이미 Firebase 프로젝트와 Firebase에 연결된 앱이 있는 경우

  1. Firebase 콘솔에서 다음으로 이동합니다. Gemini로 빌드 페이지를 참고하세요.

  2. Vertex AI in Firebase 카드를 클릭하면 다음에 도움이 되는 워크플로를 시작할 수 있습니다. 다음 작업을 완료합니다. (콘솔에 Vertex AI)를 클릭하면 이 태스크가 완료됩니다.)

  3. 이 가이드의 다음 단계로 진행하여 앱에 SDK를 추가하세요.

아직 Firebase 프로젝트와 Firebase에 연결된 앱이 없는 경우


2단계: SDK 추가

Firebase 프로젝트가 설정되고 앱이 Firebase에 연결된 경우 (이전 단계 참고) 이제 Vertex AI in Firebase SDK를 앱에 추가할 수 있습니다.

Vertex AI in Firebase 라이브러리를 사용하면 Vertex AI Gemini API의 일부로 웹용 Firebase JavaScript SDK입니다.

  1. npm을 사용하여 웹용 Firebase JS SDK를 설치합니다.

    npm install firebase
    
  2. 앱에서 Firebase를 초기화합니다.

    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단계: Vertex AI 서비스 및 생성 모델 초기화

API 호출을 하려면 먼저 Vertex AI를 초기화해야 합니다. 스토리지 서비스와 생성 모델을 빌드할 수 있습니다

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

시작 가이드를 완료했다면 Gemini 모델 및 (선택사항) 사용 사례와 앱에 적합한 위치를 선택합니다.

4단계: Vertex AI Gemini API를 호출합니다.

이제 앱을 Firebase에 연결하고 SDK를 추가했으며 Vertex AI 서비스와 생성 모델 Vertex AI Gemini API를 호출할 준비가 되었습니다.

generateContent()를 사용하여 텍스트 전용 프롬프트에서 텍스트를 생성할 수 있습니다. 요청:

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();
<ph type="x-smartling-placeholder">를 통해 개인정보처리방침을 정의할 수 있습니다. 를 통해 개인정보처리방침을 정의할 수 있습니다.

가능한 작업

Gemini 모델 자세히 알아보기

자세히 알아보기: 다양한 사용 사례에 사용할 수 있는할당량 및 가격 책정에 대해 자세히 알아보세요.

Gemini API의 다른 기능 사용해 보기

콘텐츠 생성 제어 방법 알아보기

를 통해 개인정보처리방침을 정의할 수 있습니다. 또한 BigQuery ML을 사용하여 프롬프트와 모델 구성을 Vertex AI Studio


의견 보내기 Vertex AI in Firebase 사용 경험에 관한 정보