Intel XDK — это новый инструмент для разработки кроссплатформенных мобильных приложений. Он пытается упростить процесс, объединяя все возможные целевые платформы в один пакет и собирая несколько инструментов, которые могут быть вам знакомы и полезны.
В этой статье я объясню, что такое Intel XDK, и подготовлю вас к созданию приложения для каждой мобильной платформы с использованием HTML5. Интерфейс прост, но отличается от других IDE. Мы будем исследовать все шаг за шагом.
Установка
Вы можете найти Intel XDK на официальном сайте . Он доступен для Windows, Linux и Mac. При первом запуске Программного обеспечения вам необходимо будет создать учетную запись, чтобы вы могли использовать функции сборки. С помощью этого сервиса вы можете размещать свои проекты в облаке и создавать их оттуда. После создания учетной записи войдите в систему, и вы готовы начать с нее.
ПРИМЕЧАНИЕ: я столкнулся с некоторыми проблемами при попытке установить Intel XDK в Debian. На Ubuntu, основанном на Debian, он работает хорошо. Я еще не пробовал это с другими дистрибутивами Linux, но оставляю комментарий, если вы обнаружите какие-либо проблемы.
Workflow
Что мне больше всего нравится в XDK IDE, так это то, что он включает в себя все инструменты для полной разработки приложения от начала до публикации. Разработка, эмуляция, тестирование, отладка, профилирование и сборка — все это включено. Существует также специальная функция для сторонних Сервисов. Весь этот рабочий процесс организован в 7 вкладок, которые расположены в соответствующем порядке.
На вкладке «Разработка» вы будете проводить большую часть своего времени. Вы можете разработать свое приложение, используя инструменты перетаскивания (App Designer и App Starter) или текстовый редактор. Текстовый редактор основан на редакторе Bracket, который является сборкой редактора с открытым исходным кодом с использованием HTML5. Кронштейн поддерживается Adobe. Для перетаскивания прототипов вы можете выбрать App Designer или App Starter. App Starter — это простой инструмент, предназначенный для начинающих. Он поддерживает только App Framework . App Designer — более сложный инструмент, чем App Starter, с большим количеством функций. Он поддерживает App Framework , Bootstrap 3 , JQuery Mobile и TopCoat . При разработке с помощью инструментов перетаскивания и редактора кода вы можете переключиться назад и на четвертое. Вы также можете использовать их вместе. Лично я предпочитаю не использовать инструменты построения GUI, так как они создают слишком много ненужного кода. Мне нравится кодировать все с нуля, так как весь проект более удобен в обслуживании и ваш код чище, когда вы пишете код с нуля. Одна из функций, с которой я люблю играть — это предварительный просмотр на устройстве, вы можете легко создавать и просматривать в реальном времени на подключенном устройстве.
Вторая вкладка — вкладка Эмуляция. Эмулятор основан на Apache Ripple . Это своего рода браузер Chrome плюс некоторые дополнительные API, он поддерживает Cordova и Intel XDK Apis . С этим инструментом действительно легко тестировать экран разных размеров и разных устройств, так как вы можете выбирать из самых разных устройств. Intel интегрировала Chrome Developer Tools для отладки в реальном времени и проверки вашего интерфейса. Это похоже на предварительный просмотр на вкладке разработки, но здесь вы можете работать с аппаратным эмулятором.
Функции тестирования делают время разработки еще быстрее, поскольку вам не нужно создавать приложение каждый раз, когда вы хотите его протестировать. Сначала вы загружаете App Preview на свой тестовый компьютер (телефон, планшет и т. Д.). Он доступен на IOS , Android и в Магазине Windows . Есть два способа проверить. Во-первых, вытащить проект с сервера и выполнить его в App Preview. Второй — использование WiFi, подключите смартфон или планшет к тому же WiFi, что и ноутбук. Второй способ быстрее, так как вам не нужно каждый раз передавать данные между серверами. Вы также можете отлаживать удаленно с помощью weinre (не полная поддержка javascript).
Вкладка отладки доступна только для устройств Android 4.x. Это отладка по USB очень похожа на отладку удаленных тестов. Этот метод отладки использует Chrome Developers Tool с дополнительной поддержкой Javascript и предоставляет более глубокие инструменты отладки. Вкладка содержит информацию о том, как настроить ваше устройство, чтобы использовать эту функцию.
Вкладка профиля также доступна только для устройств Android 4.x. На этой вкладке вы можете собирать информацию о производительности приложения.
Intel XDK поддерживает создание приложений для Android, iOS, Windows 8, Windows 8 Phone, Tizen, Firefox OS (бета) и Amazon. Он также поддерживает создание веб-приложений Facebook и Chrome.
Строительство — самая легкая часть. Все, что вам нужно сделать, это настроить некоторую информацию о приложении. Разные платформы имеют разные требования к конфигурации. Например, для iOS требуется некоторая информация о вашей учетной записи разработчика iOS. Что мне нравится в создании приложений в Intel XDK, так это то, что он предлагает неограниченные частные проекты. PhoneGap дает вам только бесплатное облачное здание, ограниченное 5 частными проектами.
Последняя вкладка является вкладкой Сервис. На этой вкладке вы увидите список различных дополнительных услуг. Реклама, информационные каналы, уведомления и социальные сети. Все эти сервисы являются внешними по отношению к Intel XDK и могут использоваться на всех платформах. Скажем, например, мы хотим, чтобы в нашем приложении были push-уведомления. Мы можем использовать сервис AppMobi PushMobi . Или, может быть, мы хотим регулярно обновлять приложение, мы можем реализовать Live Update от App Mobi . Или мы хотим использовать Dropbox Api, также легко сделать.
Вывод
HTML5 с каждым днем становится все более действенным вариантом для разработки мобильных приложений. Каждый день новые инструменты и новые компании помогают этой тенденции. Одна из самых престижных технологических компаний в мире (Intel) сейчас инвестирует в гибридные мобильные приложения. Это огромный вклад веры в технологию HTML5.
Создавать гибридные приложения уже легко, Intel XDK делает это еще проще, поскольку в нем есть все необходимое для разработки мобильного приложения в одном месте. В следующей статье я покажу вам фреймворки, которые мы можем выбрать, чтобы начать проект и начать создание простого приложения.