Panduan ini menunjukkan cara untuk mulai melakukan panggilan ke Vertex AI Gemini API langsung dari aplikasi Anda menggunakan Vertex AI in Firebase SDK untuk platform pilihan Anda.
Prasyarat
Panduan ini mengasumsikan bahwa Anda sudah terbiasa menggunakan JavaScript untuk mengembangkan aplikasi web. Panduan ini tidak bergantung pada framework.
Pastikan lingkungan pengembangan dan aplikasi web Anda memenuhi persyaratan berikut persyaratan:
- (Opsional) Node.js
- Browser web modern
(Opsional) Lihat aplikasi contoh.
Anda dapat mencoba SDK dengan cepat, melihat implementasi lengkap dari berbagai penggunaan kasus penggunaan, atau menggunakan aplikasi contoh jika Anda tidak memiliki aplikasi web sendiri. Untuk menggunakan aplikasi contoh, Anda harus menghubungkannya ke project Firebase.
Langkah 1: Siapkan project Firebase dan hubungkan aplikasi Anda ke Firebase
Jika Anda sudah memiliki project Firebase dan aplikasi yang terhubung ke Firebase
Di konsol Firebase, buka Halaman Membuat aplikasi dengan Gemini.
Klik kartu Vertex AI in Firebase untuk meluncurkan alur kerja yang membantu Anda menyelesaikan tugas-tugas berikut. (Perhatikan bahwa jika Anda melihat tab di konsol untuk Vertex AI, maka tugas ini selesai.)
Upgrade project Anda untuk menggunakan paket harga Blaze bayar sesuai penggunaan.
Aktifkan dua API berikut untuk project Anda:
aiplatform.googleapis.com
danfirebaseml.googleapis.com
.
Lanjutkan ke langkah berikutnya dalam panduan ini untuk menambahkan SDK ke aplikasi Anda.
Jika Anda belum memiliki project Firebase dan aplikasi yang terhubung ke Firebase
Langkah 2: Tambahkan SDK
Setelah project Firebase disiapkan dan aplikasi Anda telah terhubung ke Firebase (lihat langkah sebelumnya), Anda kini dapat menambahkan Vertex AI in Firebase SDK ke aplikasi.
Library Vertex AI in Firebase memberikan akses ke Vertex AI Gemini API dan disertakan sebagai bagian dari Firebase JavaScript SDK untuk Web.
Instal Firebase JS SDK untuk Web menggunakan npm:
npm install firebase
Inisialisasi Firebase di aplikasi Anda:
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);
Langkah 3: Lakukan inisialisasi layanan Vertex AI dan model generatif
Sebelum dapat melakukan panggilan API, Anda perlu melakukan inisialisasi Vertex AI model generatif dan generatif.
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" });
Setelah menyelesaikan panduan memulai, pelajari cara memilih model Gemini dan (secara opsional) lokasi yang sesuai untuk kasus penggunaan dan aplikasi Anda.
Langkah 4: Panggil Vertex AI Gemini API
Setelah menghubungkan aplikasi ke Firebase, menambahkan SDK, dan melakukan inisialisasi layanan Vertex AI dan model generatif, Anda siap untuk memanggil Vertex AI Gemini API.
Anda dapat menggunakan generateContent()
untuk membuat teks dari perintah hanya teks
permintaan:
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();
Kamu bisa apa lagi?
Pelajari lebih lanjut model Gemini
Pelajari tentang model yang tersedia untuk berbagai kasus penggunaan dan mereka kuota dan harga.
Coba kemampuan Gemini API lainnya
- Pelajari lebih lanjut cara membuat teks dari dialog khusus teks, termasuk cara menampilkan respons secara bertahap.
- Buat teks dari dialog multimodal (termasuk teks, gambar, PDF, video, dan audio).
- Membuat percakapan multi-giliran (chat).
- Gunakan panggilan fungsi untuk menghubungkan generatif ke sistem dan informasi eksternal.
Pelajari cara mengontrol pembuatan konten
- Memahami desain prompt, termasuk praktik terbaik, strategi, dan contoh perintah.
- Mengonfigurasi parameter model seperti suhu dan token output maksimum.
- Gunakan setelan keamanan untuk menyesuaikan kemungkinan mendapatkan respons yang mungkin dianggap berbahaya.
Beri masukan tentang pengalaman Anda dengan Vertex AI in Firebase