Начните работу с Gemini API, используя Vertex AI в Firebase SDK.


В этом руководстве показано, как начать вызывать Vertex AI Gemini API непосредственно из вашего приложения с помощью Vertex AI in Firebase SDK для выбранной вами платформы.

Предварительные условия

В этом руководстве предполагается, что вы знакомы с использованием JavaScript для разработки веб-приложений. Это руководство не зависит от платформы.

  • Убедитесь, что ваша среда разработки и веб-приложение соответствуют следующим требованиям:

    • (Необязательно) Node.js
    • Современный веб-браузер

  • (Необязательно) Ознакомьтесь с примером приложения.

    Загрузите образец приложения

    Вы можете быстро опробовать SDK, увидеть полную реализацию различных вариантов использования или использовать образец приложения, если у вас нет собственного веб-приложения. Чтобы использовать пример приложения, вам необходимо подключить его к проекту Firebase .

Шаг 1. Настройте проект Firebase и подключите свое приложение к Firebase.

Если у вас уже есть проект Firebase и приложение, подключенное к Firebase

  1. В консоли Firebase перейдите на страницу Build with 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. Установите Firebase JS SDK для Интернета с помощью npm:

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

Что еще вы можете сделать?

Узнайте больше о моделях Gemini

Узнайте о моделях, доступных для различных вариантов использования , а также об их квотах и ​​ценах .

Попробуйте другие возможности Gemini API

Узнайте, как контролировать создание контента

Вы также можете поэкспериментировать с подсказками и конфигурациями модели с помощью Vertex AI Studio .


Оставьте отзыв о своем опыте использования Vertex AI in Firebase


,


В этом руководстве показано, как начать вызывать Vertex AI Gemini API непосредственно из вашего приложения с помощью Vertex AI in Firebase SDK для выбранной вами платформы.

Предварительные условия

В этом руководстве предполагается, что вы знакомы с использованием JavaScript для разработки веб-приложений. Это руководство не зависит от платформы.

  • Убедитесь, что ваша среда разработки и веб-приложение соответствуют следующим требованиям:

    • (Необязательно) Node.js
    • Современный веб-браузер

  • (Необязательно) Ознакомьтесь с примером приложения.

    Загрузите образец приложения

    Вы можете быстро опробовать SDK, увидеть полную реализацию различных вариантов использования или использовать образец приложения, если у вас нет собственного веб-приложения. Чтобы использовать пример приложения, вам необходимо подключить его к проекту Firebase .

Шаг 1. Настройте проект Firebase и подключите свое приложение к Firebase.

Если у вас уже есть проект Firebase и приложение, подключенное к Firebase

  1. В консоли Firebase перейдите на страницу Build with 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. Установите Firebase JS SDK для Интернета с помощью npm:

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

Что еще вы можете сделать?

Узнайте больше о моделях Gemini

Узнайте о моделях, доступных для различных вариантов использования , а также об их квотах и ​​ценах .

Попробуйте другие возможности Gemini API

Узнайте, как контролировать создание контента

Вы также можете поэкспериментировать с подсказками и конфигурациями модели с помощью Vertex AI Studio .


Оставьте отзыв о своем опыте использования Vertex AI in Firebase


,


В этом руководстве показано, как начать вызывать Vertex AI Gemini API непосредственно из вашего приложения с помощью Vertex AI in Firebase SDK для выбранной вами платформы.

Предварительные условия

В этом руководстве предполагается, что вы знакомы с использованием JavaScript для разработки веб-приложений. Это руководство не зависит от платформы.

  • Убедитесь, что ваша среда разработки и веб-приложение соответствуют следующим требованиям:

    • (Необязательно) Node.js
    • Современный веб-браузер

  • (Необязательно) Ознакомьтесь с примером приложения.

    Загрузите образец приложения

    Вы можете быстро опробовать SDK, увидеть полную реализацию различных вариантов использования или использовать образец приложения, если у вас нет собственного веб-приложения. Чтобы использовать пример приложения, вам необходимо подключить его к проекту Firebase .

Шаг 1. Настройте проект Firebase и подключите свое приложение к Firebase.

Если у вас уже есть проект Firebase и приложение, подключенное к Firebase

  1. В консоли Firebase перейдите на страницу Build with 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 и включен как часть JavaScript SDK Firebase SDK для Интернета.

  1. Установите Firebase JS SDK для Интернета, используя NPM:

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

Когда вы закончите руководство по началу работы, узнайте, как выбрать модель Близнецов и (необязательно) место , подходящее для вашего варианта использования и приложения.

Шаг 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();

Что еще вы можете сделать?

Узнайте больше о моделях Близнецов

Узнайте о моделях, доступных для различных вариантов использования , их квот и цен .

Попробуйте другие возможности Gemini API

Узнайте, как контролировать генерацию контента

Вы также можете экспериментировать с подсказками и конфигурациями моделей, используя Vertex AI Studio .


Дайте обратную связь о своем опыте работы с Vertex AI in Firebase


,


Это руководство показывает вам, как начать звонить в Vertex AI Gemini API непосредственно из вашего приложения, используя Vertex AI in Firebase SDK для выбранной вами платформы.

Предварительные условия

Это руководство предполагает, что вы знакомы с использованием JavaScript для разработки веб -приложений. Это руководство не зависит от фреймворта.

  • Убедитесь, что ваша среда разработки и веб -приложение соответствует следующим требованиям:

    • (Необязательно) node.js
    • Современный веб -браузер

  • (Необязательно) Проверьте приложение пример.

    Загрузите пример примера

    Вы можете быстро попробовать SDK, увидеть полную реализацию различных вариантов использования или использовать приложение пример, если у вас нет собственного веб -приложения. Чтобы использовать приложение Sample, вам нужно подключить его к проекту Firebase .

Шаг 1 : Настройте проект Firebase и подключите ваше приложение к Firebase

Если у вас уже есть проект Firebase и приложение, подключенное к Firebase

  1. В консоли Firebase перейдите к сборке с страницей Близнецов .

  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 и включен как часть JavaScript SDK Firebase SDK для Интернета.

  1. Установите Firebase JS SDK для Интернета, используя NPM:

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

Когда вы закончите руководство по началу работы, узнайте, как выбрать модель Близнецов и (необязательно) место , подходящее для вашего варианта использования и приложения.

Шаг 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();

Что еще вы можете сделать?

Узнайте больше о моделях Близнецов

Узнайте о моделях, доступных для различных вариантов использования , их квот и цен .

Попробуйте другие возможности Gemini API

Узнайте, как контролировать генерацию контента

Вы также можете экспериментировать с подсказками и конфигурациями моделей, используя Vertex AI Studio .


Дайте обратную связь о своем опыте работы с Vertex AI in Firebase