Введение в гибридные технологии разработки мобильных приложений: Учебное пособие для вузов

В пособии после изложения сущности гибридных приложений на основе Apache Cordova, ранее PhoneGap, и NativeScript, их особенностей, достоинств и недостатков, обсуждается базовая технология Cordova, а в качестве примера строится простое приложение, использующее данные геолокации.Дан краткий обзор ряда наиболее известных библиотек JavaScript и фреймворков на их основе. Объяснено как устанавливать и использовать инструменты командной строки для управления жизненным циклом приложения Sencha Ext JS Modern и интеграции его с Cordova. Полные листинги кодов представлены в приложении.Особое внимание уделено вопросам разработки гибридных приложений под iOS. Подробно рассматривается так называемое Ad Hoc-распространение приложений через защищённое соединение с web-сервером. ВВЕДЕНИЕ 1. РАЗРАБОТКА МОБИЛЬНЫХ ПРИЛОЖЕНИЙ ДЛЯ WEB-РАЗРАБОТЧИКОВ 1.1. Гибридные приложения 1.1.1. Происхождение термина 1.1.2. Достоинства и недостатки гибридных приложений 1.2. NativeScript 1.2.1. Происхождение термина 1.2.2. Достоинства и недостатки NativeScript 1.3. Заключение 2. РАЗРАБОТКА ГИБРИДНЫХ ПРИЛОЖЕНИЙ НА ОСНОВЕ CORDOVA 2.1. Установка Cordova 2.2. Обновление Cordova 2.3. Что потребуется дополнительно для разработки под iOS 2.4. Что потребуется дополнительно для разработки под Android 2.5. Создание приложения Cordova 2.5.1. Создание стартового (шаблонного) приложения 2.5.2. Назначение мета-тегов 2.5.3. Индикация состояния Cordova 2.5.4. Добавление платформы 2.5.5. Плагин cordova-plugin-whitelist 2.6. Базовые плагины Cordova 2.7. Пример приложения, демонстрирующего работу с геолокацией 2.7.1. Touch-экраны 2.7.2. Добавление плагина геолокации 2.7.3. Отображение данных геолокации 2.7.4. Функционирование приложения (index.js) 2.7.5. Настройка приложения под iOS 2.7.6. Окончательная сборка и установка приложения 3. ИСПОЛЬЗОВАНИЕ ФРЕЙМВОРКОВ JAVASCRIPT 3.1. Обзор популярных web-фреймворков для мобильных платформ 3.2. Sencha Ext JS 3.2.1. Обзор Sencha Ext JS 3.2.2. Технология работы с GPL-версией Ext JS SDK и Sencha Cmd 3.2.2.1. Создание рабочего пространства 3.2.2.2. Справочная система Sencha Cmd 3.2.2.3. Создание приложения 3.2.2.4. Сборка и запуск приложения в браузере 3.2.3. Технология работы с Ext JS CE 3.2.3.1. Подготовка среды 3.2.3.2. Создание приложения 3.2.3.3. Сборка и запуск приложения в браузере 3.2.3.4. Устранение неполадок 3.2.4. Интеграция приложений Sencha Ext JS с Cordova 3.2.4.1. Интеграция с Cordova на основе GPL-версии Ext JS SDK и Sencha Cmd 4. ПРИМЕР РАЗРАБОТКИ ГИБРИДНОГО ПРИЛОЖЕНИЯ НА SENCHA EXT JS 4.1. Работа с камерой (фотоальбомом) устройства 4.2. Работа с файловой системой устройства 4.3. Генерация шаблона приложения и настройка рабочей среды 4.4. Классы в Ext JS 4.4.1. Соглашения об именах 4.4.2. Исходные файлы 4.4.3. Определение класса 4.5. Главное окно приложения 4.6. Компонент getPhotoPnl 4.6.1. Визуальное представление компонента 4.6.2. Контроллер компонента. Работа с камерой 4.6.3. Загрузка фото на сервер 4.6.4. Обработка фото на сервере 4.6.5. Настройка параметров приложения 4.6.6. Сохранение конфигурационных параметров приложения 4.7. Компонент showResultPnl 4.7.1. Визуальное представление компонента 4.7.2. Контроллер компонента 4.8. Заключение 5. РАЗВЁРТЫВАНИЕ (DEPLOYMENT) И РАСПРОСТРАНЕНИЕ (DISTRIBUTING) IOS-ПРИЛОЖЕНИЙ 5.1. Enroll in Program 5.2. О подписи кода 5.3. Формальная процедура получения сертификатов с помощью Xcode 5.4. Provisioning Profile 5.4.1. App ID 5.4.2. Добавление идентификаторов устройств (UDID) на портале разработчиков 5.4.3. Создание профилей вручную (через портал разработчиков) 5.4.4. Создание профилей автоматически (через Xcode) 5.5. Бесплатный ssl-сертификат 5.6. Подготовка архива приложения для Ad Hoc распространения 5.6.1. Создание и экспорт архива приложения с помощью Xcode 5.6.2. Иконки и заставка приложения 5.7. Подготовка активов приложения для загрузки на web-сервер 5.7.1. Использование сервиса Diawi 5.7.2. Есть хостинг и ssl-сертификат ПРИЛОЖЕНИЕ Класс Application Файл app.js Файл app/Application.js Компонент mainCtr Файл app/view/mainCtr/Main.js Файл app/view/mainCtr/MainController.js Файл app/view/mainCtr/MainModel.jsExt.define('TstApp.view.mainCtr.MainModel', { Компонент getPhotoPnl Файл app/view/camera/GetPhoto.js Файл app/view/camera/GetPhotoController.js Файл app/view/camera/GetPhotoModel.js Компонент showResultPnl Файл app/view/result/ShowResultPnl.js Файл app/view/result/ShowResultPnlController.js Файл app/view/result/ShowResultPnlModel.js ЛИТЕРАТУРА