Bắt đầu sử dụng Gemini API bằng Vertex AI trong Firebase SDK


Hướng dẫn này cho bạn biết cách bắt đầu thực hiện lệnh gọi đến Vertex AI Gemini API ngay từ ứng dụng của bạn bằng cách sử dụng SDK Vertex AI in Firebase cho nền tảng mà bạn đã chọn.

Điều kiện tiên quyết

Hướng dẫn này giả định rằng bạn đã quen thuộc với việc sử dụng JavaScript để phát triển ứng dụng web. Hướng dẫn này độc lập với khung.

  • Đảm bảo rằng môi trường phát triển và ứng dụng web của bạn đáp ứng các yêu cầu sau các yêu cầu:

    • (Không bắt buộc) Node.js
    • Trình duyệt web hiện đại

  • (Không bắt buộc) Xem ứng dụng mẫu.

    Tải ứng dụng mẫu xuống

    Bạn có thể nhanh chóng dùng thử SDK, xem việc triển khai đầy đủ nhiều cách sử dụng hoặc sử dụng ứng dụng mẫu nếu bạn chưa có ứng dụng web của riêng mình. Để sử dụng ứng dụng mẫu, bạn sẽ cần phải kết nối tài khoản đó với một dự án Firebase.

Bước 1: Thiết lập dự án Firebase và kết nối ứng dụng với Firebase

Nếu bạn đã có một dự án Firebase và một ứng dụng được kết nối với Firebase

  1. Trong bảng điều khiển Firebase, hãy chuyển đến Trang Xây dựng bằng Gemini.

  2. Nhấp vào thẻ Vertex AI in Firebase để bắt đầu một quy trình công việc giúp bạn hoàn thành các nhiệm vụ sau. (Lưu ý rằng nếu bạn thấy một thẻ trong bảng điều khiển dành cho Vertex AI, thì các nhiệm vụ này đã hoàn thành.)

  3. Tiếp tục chuyển sang bước tiếp theo trong hướng dẫn này để thêm SDK vào ứng dụng của bạn.

Trường hợp bạn chưa có dự án Firebase và ứng dụng được kết nối với Firebase


Bước 2: Thêm SDK

Sau khi thiết lập dự án Firebase và kết nối ứng dụng với Firebase (xem bước trước), giờ đây, bạn có thể thêm SDK Vertex AI in Firebase vào ứng dụng của mình.

Thư viện Vertex AI in Firebase cung cấp quyền truy cập vào Vertex AI Gemini API và được đưa vào như một phần của Firebase JavaScript SDK dành cho Web.

  1. Cài đặt Firebase JS SDK cho Web bằng cách sử dụng npm:

    npm install firebase

  2. Khởi động Firebase trong ứng dụng:

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

Bước 3: Khởi chạy dịch vụ Vertex AI và mô hình tạo sinh

Để có thể thực hiện lệnh gọi API, bạn cần khởi chạy Vertex AI và mô hình tạo sinh.

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

Khi bạn đọc xong hướng dẫn bắt đầu, hãy tìm hiểu cách chọn một Mô hình Gemini và (không bắt buộc) vị trí phù hợp với trường hợp sử dụng và ứng dụng của bạn.

Bước 4: Gọi Vertex AI Gemini API

Giờ đây, khi đã kết nối ứng dụng với Firebase, thêm SDK và khởi chạy dịch vụ Vertex AI cũng như mô hình tạo sinh, bạn đã sẵn sàng gọi Vertex AI Gemini API.

Bạn có thể dùng generateContent() để tạo văn bản từ một câu lệnh chỉ có văn bản yêu cầu:

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

Bạn có thể làm gì khác?

Tìm hiểu thêm về các mô hình Gemini

Tìm hiểu về các mô hình có sẵn cho nhiều trường hợp sử dụng và hạn mức và mức giá của các mô hình đó.

Thử các tính năng khác của Gemini API

Tìm hiểu cách kiểm soát việc tạo nội dung

Bạn cũng có thể thử nghiệm với các câu lệnh và cấu hình mô hình bằng cách sử dụng Vertex AI Studio.


Đưa ra ý kiến phản hồi về trải nghiệm của bạn với Vertex AI in Firebase