Firebase Studio включает в себя веб-интерфейс, который позволяет быстро создавать прототипы и создавать веб-приложения с поддержкой искусственного интеллекта, используя мультимодальные подсказки, включая естественный язык, изображения и инструменты рисования. Агент поддерживает приложения Next.js, а в будущем планируется использовать другие платформы и платформы.
Агент прототипирования приложений — это оптимизированный процесс разработки без написания кода, который использует генеративный искусственный интеллект для разработки, тестирования, итерации и публикации полнофункционального агентного веб-приложения. Вы описываете идею своего приложения на естественном языке с дополнительным изображением, а агент создает проект приложения, код и предварительный просмотр в Интернете. Чтобы помочь в разработке и публикации вашего полнофункционального приложения, Firebase Studio может автоматически предоставить вам следующие услуги:
- Если ваше приложение использует искусственный интеллект: Firebase Studio добавляет в ваше приложение Gemini Developer API, используя возможности потоков Genkit для работы с Gemini . Вы можете использовать свой собственный ключ API Gemini или позволить Firebase Studio предоставить вам проект Firebase и ключ API Gemini.
- Если вы хотите опубликовать свое приложение в Интернете: Firebase Studio создает проект и предоставляет быстрый способ публикации вашего приложения с помощью Firebase App Hosting .
Вы можете усовершенствовать приложение, используя естественный язык, изображения и инструменты рисования, редактировать код напрямую, откатывать изменения, публиковать приложение и отслеживать его производительность — и все это из Firebase Studio .
Начать
Чтобы начать работу с App Prototyping agent , выполните следующие действия:
Войдите в свою учетную запись Google и откройте Firebase Studio .
В поле «Прототип приложения с искусственным интеллектом» опишите идею вашего приложения на естественном языке.
При желании добавьте изображение, сопровождающее ваше приглашение. Это может быть схема идеального пользовательского потока вашего приложения или цветовая схема, которой вы хотите, чтобы Firebase Studio придерживалась. Изображения могут иметь размер не более 3 МБ.
Нажмите Прототип с помощью ИИ .
Агент прототипирования приложения возвращает схему приложения, в которой указано предлагаемое имя приложения, основные функции и рекомендации по стилю.
Просмотрите план. Вы можете запросить Gemini улучшения и изменения и напрямую отредактировать проект:
Нажмите Настроить» и отредактируйте схему напрямую. Внесите изменения и нажмите «Сохранить» .
В поле Описать... на панели чата добавьте уточняющие вопросы и контекст. Вы также можете загрузить дополнительные изображения.
Утвердив проект, нажмите «Прототипировать это приложение» .
Gemini генерирует код на основе проекта и возвращает вам предварительный просмотр в Интернете.
Если ваше приложение использует искусственный интеллект, вам будет предложено добавить или сгенерировать ключ Gemini API . Если вы нажмете «Автогенерировать» , Firebase Studio предоставит вам проект Firebase и ключ API Gemini .
После создания исходного приложения вы можете:
Просмотрите свое приложение и взаимодействуйте с ним. После завершения генерации кода появится предварительный просмотр вашего приложения. Вы можете напрямую взаимодействовать с предварительным просмотром, чтобы протестировать его. Подробную информацию см. в разделе Предварительный просмотр вашего приложения .
Тестируйте и повторяйте, используя естественный язык. Тщательно протестируйте свое приложение и работайте с App Prototyping agent чтобы повторять код и схему, пока вы не будете довольны им.
Отладка и повторение непосредственно в коде. Нажмите
Переключитесь на «Код» , чтобы открыть представление Code , где вы сможете увидеть все файлы вашего приложения и напрямую изменить свой код. Вы можете вернуться в Prototyper mode at any time.В представлении Code вы также можете использовать следующие полезные функции:
Встроенные функции отладки и создания отчетов Firebase Studio для проверки, отладки и аудита вашего приложения.
Помощь ИИ с использованием Gemini в Firebase либо внутри вашего кода, либо с помощью интерактивного чата (оба доступны по умолчанию). Интерактивный чат может диагностировать проблемы, предлагать решения и запускать инструменты, которые помогут быстрее исправить ваше приложение. Чтобы получить доступ к чату, нажмите «Spark Gemini внизу рабочей области.
Опубликуйте свое приложение с помощью Firebase App Hosting . Нажмите «Опубликовать» , чтобы опубликовать приложение на App Hosting .
Мониторинг и оптимизация вашего приложения и функций искусственного интеллекта: отслеживайте производительность и использование вашего веб-приложения с помощью наблюдаемости в App Hosting и ваших генеративных потоков искусственного интеллекта с помощью телеметрии Firebase в Genkit . Дополнительные сведения см. в разделе Мониторинг веб-приложений .
Следующие шаги
- Разрабатывайте, публикуйте и отслеживайте полнофункциональное веб-приложение с помощью Firebase Studio .
- Разрабатывайте приложения на любой платформе с помощью шаблона или решения .