Firebase Studio позволяет легко импортировать проекты веб-приложений в рабочую область Firebase Studio, где вы можете продолжать работу с ними, используя функции на основе ИИ и средства Firebase Studio для разработки, развертывания и мониторинга.
Проекты загружаются из хранилища исходного кода (GitHub, GitLab или Bitbucket) или архива на устройстве. Firebase Studio поддерживает импорт файлов с расширениями .tar.gz и .zip размером до 50 МБ.
Начало работы
Шаг 1. Импортируйте проект
Войдите в аккаунт Google и откройте Firebase Studio.
Выберите Import a project (Импортировать проект). Откроется диалоговое окно Import project (Импорт проекта).
В поле Repo URL (URL репозитория) введите ссылку на хранилище GitHub, GitLab или Bitbucket.
Укажите название проекта.
Если вы импортируете проект на Flutter, установите флажок This is a Flutter app (Это приложение на Flutter).
Нажмите Import (Импортировать).
Если репозиторий частный, потребуется выполнить аутентификацию:
- Если у вас хранилище GitHub, скопируйте токен доступа, следуя инструкциям.
- Если у вас хранилище GitLab, используйте пароль аккаунта или создайте токен для личного доступа.
- Если у вас хранилище Bitbucket, для аутентификации понадобится имя пользователя (не адрес электронной почты) и пароль приложения.
Шаг 2. Установите зависимости
По умолчанию в Firebase Studio зависимости не устанавливаются автоматически. После первого импорта их нужно добавить вручную.
Например, если вы импортируете приложение на Flutter, выполните команду flutter pub get в терминале, а для приложения на JavaScript или TypeScript введите npm install.
Чтобы настроить автоматическую установку зависимостей для будущих пользователей шаблона и последующих импортов, добавьте хук onCreate в файл dev.nix в репозитории проекта. В onCreate можно задать выполнение подходящей команды сборки (например, npm install или flutter pub
get).
После этого при импорте репозитория в Firebase Studio зависимости будут устанавливаться автоматически.
Информация по теме
- О рабочих областях в Firebase Studio
- Как настроить рабочую область в Firebase Studio
- Как Gemini в Firebase помогает ускорить разработку приложения благодаря способности отвечать на вопросы, генерировать и редактировать код, исправлять ошибки и запускать инструменты
- Как создать пользовательский шаблон на основе проекта