Запуск вашего приложения

Запуск и тестирование вашего приложения — это важная часть процесса разработки. Эта страница предоставляет всестороннее руководство по запуску и тестированию вашего приложения FlutterFlow. Она охватывает различные режимы тестирования, включая предварительный просмотр, тестирование, запуск и локальный запуск, с подробными шагами и рекомендациями по использованию каждого режима.

к сведению

Различные режимы запуска вашего приложения доступны из панели инструментов.

Режим предварительного просмотра

Вы можете использовать режим предварительного просмотра, чтобы быстро протестировать приложение на виртуальном устройстве без ожидания сборки. Это особенно полезно для проверки навигации и анимаций. Также вы можете просмотреть приложение в темном или светлом режиме и визуализировать его на различных мобильных устройствах, планшетах и компьютерах.

Когда использовать режим предварительного просмотра

Главное преимущество режима предварительного просмотра заключается в том, что приложение загружается мгновенно, что делает его идеальным для тестирования интерфейса. Однако в этом режиме отсутствует большая часть бизнес-логики. В результате этот режим используется реже, чем другие режимы тестирования, которые обеспечивают более полную оценку функциональности приложения.

Ограничения режима предварительного просмотра

• Действия могут не срабатывать или работать некорректно.
• Иконки FontAwesome могут «прыгать», когда курсор мыши наводится на определенные виджеты Material.
• Данные Firestore не загружаются из Firebase.
• Поток аутентификации Firebase нельзя протестировать. Мы всегда разрешаем вход в систему.
• Вызовы API нельзя запускать или тестировать здесь.
• Обновите страницу, если действия анимации не работают.
• Обновите страницу, если действия очистки полей ввода не работают.
• Данные RevenueCat не загружаются.
• Действия Paywall выполняются так, как будто право доступа активно.
• Анимация Hero может не работать на динамически генерируемых виджетах.
• Отключение выпадающего списка не работает в режиме предварительного просмотра.
• Всплывающая подсказка не работает для некоторых размеров экрана в режиме предварительного просмотра.

Режим тестирования

Режим тестирования запускает веб-версию вашего приложения FlutterFlow и использует функцию Hot Reload из Flutter, которая позволяет сразу увидеть любые изменения в коде в эмуляторе или на устройстве. Запуск приложения в режиме тестирования помогает экспериментировать, тестировать интерфейс и быстрее исправлять ошибки.

Чтобы запустить приложение в режиме тестирования:

1. Нажмите на значок тестирования или используйте сочетание клавиш Cmd/Ctrl + I. Это запустит приложение в новом окне браузера.
2. Перейдите в конструктор приложения и внесите изменения, например, измените цвета и выравнивание.
3. Теперь перейдите на вкладку режима тестирования и нажмите Instant Reload или используйте сочетание клавиш Cmd/Ctrl + J, чтобы увидеть изменения менее чем за 10 секунд.

Цвета кнопки режима тестирования

Цвет кнопки режима тестирования указывает на следующий статус:

• Оранжевый: Сборка
• Зеленый: Готово
• Желтый: Истекает скоро
• Красный: Истекло

Когда использовать режим тестирования

При проектировании и разработке приложения режим тестирования — это второй по популярности режим тестирования (после локального запуска). Его функция «горячей перезагрузки» позволяет быстро итеративно тестировать. По сравнению с локальным запуском у него есть недостатки: ограниченное время (30 мин.) и отсутствие доступа к некоторым функциям (например, камере).

Устранение неисправностей — медленная загрузка

Если вы видите индикатор прогресса в верхней части устройства, который длится более 15 секунд, попробуйте обновить страницу.

Ограничения режима тестирования

У режима тестирования есть определенные ограничения, поскольку некоторые пакеты не поддерживаются в веб-версии, а также из-за того, как FlutterFlow настраивает ваш проект для запуска в облаке.

• 30 минут на тестирование. После истечения 30 минут вы можете начать новую сессию режима тестирования.
• Если вы видите серый «сломанный» экран с грустным лицом, это может быть проблема с DNS-сервером вашего интернет-провайдера. Мы рекомендуем использовать DNS-сервер CloudFlare 1.1.1.1. Нажмите здесь, чтобы ознакомиться с инструкциями.
• Анимация Lottie может не загрузиться, если вы указали переменный путь.
• Для правильной работы режима тестирования необходимо включить куки. Они используются только в функциональных целях.
• Если вы видите индикатор прогресса там, где должен быть контур телефона, и он длится дольше 15 секунд, попробуйте обновить страницу.
• Экран устройства не может быть шире ширины страницы.
• Действие «Копировать в буфер обмена» не поддерживается в режиме тестирования. Используйте режим запуска, чтобы избежать этой проблемы.
• Виджеты с анимацией Shimmer или Tint могут отображаться некорректно.
• Ресурсы, используемые в пользовательском коде, могут отображаться некорректно.
• Действия записи аудио не работают в режиме тестирования; используйте публикацию в веб-версии в настройках для тестирования записи аудио или протестируйте в эмуляторе через локальный запуск.

Информация для отладки

Режим тестирования также включает панель информации для отладки, которая предоставляет представление в реальном времени всех переменных с их текущими значениями. Она включает опции поиска и фильтрации, позволяющие находить переменные по типу или возможности быть null. Это особенно полезно для разработчиков, которым нужно отслеживать состояние приложения и эффективно диагностировать проблемы.

Режим запуска

Вы можете протестировать полностью функциональную версию вашего приложения с помощью режима запуска, включая живые данные. Он соберет приложение, что обычно занимает около 2–4 минут — но может быть дольше для крупных проектов. Затем вы сможете взаимодействовать с приложением через веб-браузер. Это веб-версия приложения, идентичная версии, которая запускается в режиме тестирования.

Чтобы запустить приложение в режиме запуска, нажмите на выпадающий список рядом с кнопкой режима тестирования и нажмите кнопку воспроизведения или используйте сочетание клавиш Cmd/Ctrl + E. Это запустит ваше приложение в новом окне браузера.

Когда использовать режим запуска

Главное преимущество режима запуска — возможность поделиться запущенным приложением в вашей команде по ссылке. Обратите внимание, что ссылки режима запуска не являются общедоступными; они доступны только участникам проекта. Даже если проект сделан общедоступным (позволяя другим просматривать и клонировать проект), видимость ссылок режима запуска остается ограниченной участниками проекта.

Все сессии режима запуска сохраняются и могут быть доступны из выпадающего меню рядом со значком молнии в правом верхнем углу конструктора FlutterFlow.

Ограничения режима запуска

Режим запуска не поддерживает горячую перезагрузку, поэтому любые изменения, внесенные в приложение, не отразятся в режиме запуска. Чтобы увидеть изменения, вам придется создать новый режим запуска.

Локальный запуск

Локальный запуск загружает код локально и дает возможность использовать Hot Reload или горячую перезагрузку из Flutter, чтобы мгновенно увидеть изменения на устройстве. Узнайте, как настроить локальный запуск здесь.

к сведению

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