Разработка HTML5-приложений с использованием Intel XDK

Intel XDK – это инструмент, который позволяет создавать мобильные приложения с использованием веб-технологии. По сути, с ним вы можете делать все свое программирование на HTML5, то есть HTML, CSS и JavaScript. В результате вы получаете не просто веб-страницу, но фактически устанавливаемое приложение. Более важно то, что это приложение является кроссплатформенным, а это значит, что один и тот же исходный код может быть использован для создания приложения для устройств Android, iOS и Windows. Несомненным преимуществом этого является возможность использовать весь свой опыт по разработке клиентской части веб-приложений, в том числе инструменты, фреймворки и библиотеки, для того, чтобы создавать мобильные приложения.

Intel XDK является универсальным инструментом для создания мобильных веб-приложений, который не только обеспечивает вас всеми необходимыми для разработки инструментами, но и дает определенную свободу, позволяя использовать другие инструменты.

Благодаря XDK вы можете либо импортировать существующее веб-приложение, либо создать новое на основе различных шаблонов. Создавая новый проект вы можете решить, будет ли ваш продукт исключительно мобильным приложением либо же гибридным мобильным сервисом, использующим Cordova API и плагины.

XDK поддерживает множество игровых сред, в том числе Cocos2d, Phaser, Pixi и EaselJS. Чтобы создать новый проект, нужно сначала выбрать тип приложения, которое вы собираетесь разрабатывать, и присвоить ему имя. И хотя вы можете использовать свой собственный редактор, мы предоставляем встроенный HTML-редактор, который основан на проекте Brackets и поддерживает соответствующие плагины. Вы можете делать изменения и тут же проверять их на эмуляторе.

Конструктор приложений – это удобный интерфейс типа drag-and-drop, который дает возможность быстро разрабатывать простые приложения. Когда вы создаете проект в конструкторе приложений, то можете выбирать из множества различных фреймворков. После этого вам остается лишь курсором перетаскивать и «примерять» различные виджеты, которые вы хотели бы опробовать. Для того чтобы сделать виджет интерактивным, нужно перейти во вкладку Interactivity, где вы можете написать свой собственный JavaScript для выбранной кнопки.

Помимо инструментов для разработки приложений Intel XDK предоставляет различные способы тестирования и отладки ваших приложений. Эмулятор не только помогает разработчику получить общее представление о том, как может выглядеть его приложение на различных устройствах, но и позволяет эмулировать различные функции Codrova API, такие как GeoLocation, Acellerometer и различные события Cordova. Благодаря эмулятору вы можете на месте определить, будет ли, например, ваше приложение работать в какой-то определенной точке мира.

Когда ваша программа готова к тестированию на реальном устройстве, во вкладке Debug вы можете активировать тестирование и удаленную отладку приложения на подключенных через USB устройствах Android или iOS. Нажав кнопку Play, вы запустите приложение на своем устройстве. Также вы можете начать сеанс удаленной отладки приложения. Когда приложение запущено на вашем устройстве, на вашей машине разработки появится интерфейс отладки. Также можно проверить элементы HTML на самом устройстве.

Для тестирования также удобно использовать приложение App Preview, которое можно установить на мобильное устройство. App Preview соединяется с облаком и загружает разрабатываемое приложение по беспроводной связи. Для этого просто перейдите во вкладку Test, перенесите ваши файлы в облако, после чего вы можете загрузить и запустить их на своем устройстве через App Preview.

Когда вы готовы к сборке своего приложения, вам нужно просто перейти во вкладку Build и выбрать необходимую сборку – Android, iOS или Windows. Ваш код будет импортирован в нашу систему сборки и скомпилирован. И после этого вы сможете загрузить получившийся в результате APK-файл и установить его на своем мобильном устройстве.

Если вы хотите опробовать некоторые из предоставленных шаблонов, просто выбирайте их, когда начинаете новый проект – после того, как выбор сделан, перед вами предстанет рабочий проект, который вы сразу же сможете проверить на эмуляторе, провести тестирование и отладку или даже собрать его без изменений.