Как развернуть Expo-приложение: практические примеры и опыт экспертов от dev до prod

Expo — это мощный фреймворк и платформа для разработки на React Native, который значительно ускоряет создание кроссплатформенных мобильных приложений. Он абстрагирует сложности нативной сборки, предоставляя готовые модули и сервисы. Однако путь от работающего на устройстве разработчика приложения до стабильного билда в магазинах приложений (App Store, Google Play) полон нюансов. Опытные разработчики выработали четкие практики для каждого этапа развертывания, которыми мы поделимся в этой статье.

Первый этап — локальная разработка. Expo Go — незаменимое приложение для быстрого старта. Но эксперты сразу советуют переходить на «development build» как можно раньше. Используя EAS Build (Expo Application Services), вы можете скомпилировать собственную версию приложения для разработки, куда можно устанавливать кастомные нативные модули (даже те, которые не входят в стандартный Expo SDK). Это снимает ограничения Expo Go и дает реальную картину производительности. Практический пример: вы разрабатываете приложение с видеофоном. В Expo Go могут быть лаги. Создайте development build командой `eas build --profile development --platform android|ios`. Установите полученный .apk или .ipa на устройство (через EAS Submit или вручную) и тестируйте уже на нем.

Второй, критически важный этап — настройка конфигурации (`app.json`/`app.config.js`). Не храните чувствительные данные (API-ключи, секреты) прямо в конфиге. Используйте переменные окружения, загружаемые из `.env` файлов (с помощью пакета `expo-constants` и `app.config.js`). Пример: определите в `app.config.js` функцию, которая читает `.env` файл в зависимости от окружения (development, preview, production) и динамически формирует конфигурацию. Для управления версиями (versionCode для Android, buildNumber для iOS) эксперты советуют автоматизировать процесс. Можно использовать `eas.json` и скрипты, которые увеличивают номер сборки на основе git-хеша или даты, что исключает человеческие ошибки при подготовке релиза.

Третий шаг — создание preview-билдов для тестирования. Перед отправкой в продакшн необходимо протестировать приложение на реальных устройствах у заказчика, тестировщиков или фокус-группы. EAS Build позволяет создавать «preview» билды, которые легко распространять через ссылку или QR-код (с помощью EAS Submit). Практический пример: вы завершили работу над новой фичей в ветке `feature-payments`. Создайте билд: `eas build --profile preview --platform all --branch feature-payments`. После сборки вы получите ссылку, которую можно отправить команде. Для iOS потребуется добавить UUID тестовых устройств в Apple Developer Account, чтобы они могли установить приложение.

Четвертый этап — подготовка и публикация production-билдов. Это самый ответственный момент. Эксперты настаивают на использовании отдельного профиля в `eas.json` для production, где явно отключены флаги разработки, минифицирован JavaScript-код и включено кэширование. Пример профиля: `"production": { "extends": "preview", "env": { "APP_VARIANT": "production" }, "android": { "buildType": "apk" или "app-bundle" }, "ios": { "enterpriseProvisioning": "universal" } }`. Перед сборкой обязательно запустите `expo prebuild` для генерации нативных проектов (android/, ios/), если вы используете кастомные нативные модули, и проверьте их корректность. Сборка через EAS Build происходит в облаке, что гарантирует воспроизводимость и использование актуальных версий SDK и инструментов.

Пятый, часто недооцененный этап — мониторинг и обновления. После публикации приложения в магазины работа не заканчивается. Используйте Expo Application Services (EAS) для настройки каналов обновлений (EAS Update). Это позволяет推送ить исправления багов или мелкие фичи, минуя долгий процесс ревью в магазинах. Практический пример: вы обнаружили критическую опечатку на главном экране. Исправьте ее в коде, создайте обновление командой `eas update --branch production --message "Fix typo on main screen"`. Пользователи, открыв приложение, получат обновление практически мгновенно. Для мониторинга crashes и производительности подключите Sentry через `expo-sentry` или аналоги.

Таким образом, развертывание Expo-приложения — это четкий pipeline, который при правильной настройке превращается в предсказуемый и управляемый процесс. Ключевые советы от экспертов: рано переходить на development builds, автоматизировать конфигурацию и версионирование, активно использовать preview-сборки для обратной связи и не забывать про стратегию обновлений после релиза. Следование этим практикам сэкономит десятки часов, избавит от головной боли при публикации и позволит сосредоточиться на самой важной части — разработке качественного приложения для пользователей.