Введение
Expo — это фреймворк и платформа для универсальных приложений React. Это набор инструментов и сервисов, созданных на основе React Native и нативных платформ, которые помогают вам быстро разрабатывать, создавать, развертывать и выполнять итерации для iOS, Android и веб-приложений с использованием одной и той же базы кода JavaScript/TypeScript.
Прочтите эту статью для получения дополнительной информации о Expo: Что такое Expo Framework (Руководство по началу работы).
Предпосылки
Для выполнения этого руководства вам понадобится установленный NPM на вашем компьютере:
- Как установить Node.js и NPM на Ubuntu 20.04 LTS
- Как установить Node.js и NPM на Ubuntu 18.04 LTS
- Как установить Node.js и NPM на CentOS 8 Linux
- Как установить Node.js и NPM на Debian 10
Вам также понадобится правильно установленный и настроенный Git:
- Как установить Git на Ubuntu 20.04 LTS
- Как установить Git на CentOS 8 Linux
- Как установить Git на Debian 10
Установить Экспо
Для разработки приложений с помощью Expo необходимы два инструмента: локальный инструмент разработки и мобильный клиент для открытия приложения.
Если у вас уже есть опыт работы с инструментами React и JavaScript и вы хотите погрузиться в них и понять их по ходу дела, это самый быстрый способ начать работу.
Инструмент локальной разработки: Expo CLI
Expo CLI — это инструмент для разработки приложений с помощью Expo. В дополнение к интерфейсу командной строки (CLI) он также имеет веб-графический пользовательский интерфейс (GUI), который открывается в веб-браузере при запуске проекта — вы можете использовать его, если вы еще не знакомы с использованием терминала или просто предпочитаете Оба графических интерфейса имеют схожие функциональные возможности.
Установить интерфейс командной строки Экспо
Мы рекомендуем вам установить Expo CLI глобально, вы можете сделать это, выполнив следующую команду:
npm install -g expo-cli
Убедитесь, что установка прошла успешно, запустив expo whoami
. Вы еще не вошли в систему, поэтому вы увидите «Не вошел в систему». Вы можете создать учетную запись, запустив expo register
, если хотите, или, если она у вас уже есть, запустите expo login
, но вам даже не нужна учетная запись, чтобы начать.
Установить Watchman (опционально)
У некоторых пользователей macOS возникают проблемы, если на их компьютере не установлен Watchman, поэтому, если вы используете Mac, рекомендуется установить его. Скачайте и установите Watchman.
Watchman отслеживает файлы и записи по мере их изменения, он используется внутри React Native.
Мобильное приложение: клиент Expo для iOS и Android
Клиент Expo — это инструмент, который вы будете использовать для управления своими проектами во время их разработки. Когда вы предлагаете свой проект с интерфейсом командной строки Expo, создается URL-адрес разработки, который вы можете открыть в клиенте Expo для предварительного просмотра своего приложения.
Требуемые версии ОС:expo-cli
Запустите клиент Expo на компьютере
Самый быстрый способ начать работу — запустить клиент Expo на физическом устройстве iOS или Android. Если в какой-то момент вы захотите установить симулятор или эмулятор для запуска приложения прямо на своем компьютере, вы можете найти инструкции по симулятору iOS здесь и инструкции по эмулятору Android здесь. Симулятор iOS работает только на macOS, эмуляторы Android работают на всех основных операционных системах.
Вывод
В этом уроке мы увидели, как установить клиент Expo.
Здесь вы можете найти все статьи, посвященные ЭКСПО: