Подключение и запуск эмуляторов — запуск приложения на Android и iOS эмуляторах

Подготовка эмулятора Android-устройства

Разрабатывать мобильные приложения без эмуляторов — это как писать код с выключенным монитором. Эмуляторы (или симуляторы) позволяют нам тестировать приложения без необходимости разворачивать их сразу на реальных устройствах. Эмуляторы имитируют работу Android-устройства или iOS-устройства на вашем компьютере и помогают отследить поведение приложения в эксплуатации.

Но заметьте: эмулятор ≠ ваше реальное устройство. Иногда поведение может незначительно отличаться.

1. Убедитесь, что Android Studio установлен и настроен

В одной из предыдущих лекций мы уже установили Android Studio. Если вы пропустили это или забыли, бегом к документации Android Studio.

Давайте убедимся, что у вас установлена правильная версия Android SDK:

1. Откройте Android Studio.
2. Перейдите в SDK Manager через File > Settings > Appearance & Behavior > System Settings > Android SDK.
3. Убедитесь, что у вас установлена последняя версия SDK и SDK Tools (установите, если их нет).

Без этого AVD просто грустно закроет вам дверь в мир эмуляции.

2. Создание виртуального устройства (AVD)

Теперь создадим свой первый Android эмулятор:

1. В Android Studio откройте AVD Manager: Tools > AVD Manager.
2. Нажмите на кнопку Create Virtual Device....
3. Выберите устройство, например, Pixel 5.
4. Выберите версию системы Android. В идеале — последнюю стабильную версию (или ту, с которой вы хотите работать).
5. Убедитесь, что выбрана настроенная конфигурация (например, x86 Images, чтобы всё работало быстрее на вашем процессоре).
6. Дайте имя вашему устройству и сохраните конфигурацию.

3. Запуск эмулятора

Теперь интересное! В списке AVD выберите ваш эмулятор и нажмите на кнопку Запустить (зеленый треугольник). Подождите пару мгновений (или минут), пока Android-устройство загрузится.

4. Запуск React Native приложения на эмуляторе

После успешного запуска эмулятора перейдите в ваш проект React Native и выполните следующую команду в терминале:

npm run android

React Native CLI автоматически обнаружит работающий эмулятор и загрузит туда ваше приложение. Если эмулятор не найден, убедитесь, что он запущен и работает. Иногда помогает команда:

adb devices

Если вы видите ваше устройство в списке, всё в порядке. Если нет — это повод проверить настройки ADB.

Подготовка iOS эмулятора (aka iOS Simulator)

1. Убедитесь, что установлен Xcode

На лекции по установке окружения мы уже говорили о необходимости Xcode. Убедитесь, что он установлен (в идеале через App Store — так проще). Если нет, установите отсюда.

2. Установка Command Line Tools

В Xcode выберите Preferences > Locations и убедитесь, что у вас выбрана версия Command Line Tools.

3. Запуск iOS Simulator

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

1. Откройте Xcode.
2. Перейдите в Xcode > Open Developer Tool > Simulator.
3. Выберите интересующее устройство, например iPhone 13.

4. Запуск React Native приложения на симуляторе iOS

В терминале выполните следующую команду из директории вашего проекта:

npm run ios

React Native CLI автоматически вызовет Xcode и загрузит ваше приложение в симулятор. Да, это так легко!

Типичные ошибки и решения

Ошибка — не повод для паники. Вот несколько стандартных косяков, с которыми можно столкнуться, и способы их исправления:

1. "No connected devices!" или приложение не запускается на эмуляторе.

Если вы работаете с Android, убедитесь, что эмулятор запущен и доступен через команду:

adb devices

Если устройство в списке отсутствует, проверьте:

• Установлены ли драйвера для Android.
• Включена ли виртуализация на вашем компьютере.

2. На iOS приложение не запускается.

Причин может быть несколько:

• У вас не выбрана Command Line Tools в Xcode (решается настройкой в Preferences).
• iOS Simulator не открыт.

Также убедитесь, что у вас установлена последняя версия CocoaPods. Если нет, обновите её так:

sudo gem install cocoapods

Затем в папке проекта выполните:

npx pod-install

3. Симулятор или эмулятор лагает, тормозит.

Если вы работаете на Android:

• Проверьте, включена ли виртуализация в BIOS (обычно называется Intel VT-x или AMD-V).
• Убедитесь, что вы используете образ x86 или x86_64 для эмулятора (эти образы быстрее ARM).

На iOS:

• Убедитесь, что ваш Mac может потратить достаточно ресурсов для симулятора. Иногда помощь приходит в виде перезапуска Xcode.