В мире кросс-платформенной мобильной разработки существует множество инструментов, и Appcelerator Titanium долгое время занимал среди них заметное место. Если у вас есть опыт веб-разработки на JavaScript и вы хотите быстро создать нативное мобильное приложение, этот фреймворк может стать вашим экспресс-билетом. Цель этой статьи — дать вам практический разбор и позволить за один день понять суть, создать первое приложение и оценить потенциал платформы.
Сначала разберемся, что такое Appcelerator Titanium. Это не гибридный фреймворк вроде Ionic или Cordova, который запускает веб-приложение внутри WebView. Titanium компилирует ваш JavaScript-код, используя движок V8, и транслирует его в нативные UI-компоненты для iOS и Android. Это значит, что ваше приложение будет выглядеть и работать как нативное, но большая часть бизнес-логики будет написана на знакомом JS.
Утро первого дня стоит посвятить установке и настройке. Вам понадобится Node.js, Java SDK и непосредственно Appcelerator CLI. Установка через npm проста: `npm install -g appcelerator`. После этого запустите `appc setup` — мастер проведет вас через конфигурацию, включая регистрацию бесплатной учетной записи на платформе Appcelerator (которая, однако, после приобретения компанией Axway претерпела изменения). Ключевой момент — установка нужных SDK для iOS (через Xcode) и Android. Убедитесь, что переменные окружения прописаны корректно, это частая причина проблем на старте.
К полудню можно приступать к созданию первого проекта. Выполните в терминале `appc new` и выберите тип проекта «Classic» (более зрелый) или «Alloy» (MVC-фреймворк поверх Titanium, рекомендуемый для новых проектов). Для скорости выберите шаблон «Default Alloy Project». Изучите структуру папок: `app` содержит контроллеры, модели и представления (стили в формате TSS, похожем на CSS, и разметку в XML), `Resources` — общие ресурсы, а `platform` — специфичные для ОС файлы.
Основная разработка в Titanium вращается вокруг создания окон (Window) и добавления в них вью (View). Откройте `app/controllers/index.js`. Вы увидите простой контроллер. Добавим интерактивности. Давайте создадим кнопку, которая будет показывать alert с текстом из текстового поля.
В файл разметки `app/views/index.xml` добавим внутри основного окна:
```
```
В контроллере `app/controllers/index.js` добавим обработчик после создания контроллера:
```
$.myButton.addEventListener('click', function() {
var text = $.myInput.value || 'Привет, мир!';
alert(text);
});
```
Это демонстрирует основную парадигму Alloy: элементы с ID в разметке доступны в контроллере через префикс `$`.
После обеда углубимся в нативные модули и API. Сила Titanium — в доступе к нативным возможностям через единый JavaScript API. Например, для доступа к геолокации вам не нужно писать отдельный код для iOS и Android:
```
Ti.Geolocation.getCurrentPosition(function(e) {
if (e.success) {
Ti.API.info('Широта: ' + e.coords.latitude);
}
});
```
Изучите документацию к основным API: Network (для HTTP-запросов), Database (для работы с SQLite), FileSystem. Обратите внимание на `Ti.UI.createTableView` для создания списков — это один из самых мощных компонентов.
К вечеру важно понять экосистему. Рынок модулей (Marketplace) когда-то был богат, но после перехода к модели Axway Amplify его активность снизилась. Однако ключевые модули для социальных сетей, аналитики, платежей доступны. Также стоит изучить облачные сервисы Appcelerator (MBaaS), но в текущих реалиях их использование может быть ограничено.
Перед завершением дня соберите и запустите приложение. Для запуска в симуляторе iOS выполните `appc run -p ios`. Для Android — `appc run -p android`. Убедитесь, что эмулятор или устройство подключены. Процесс сборки может занять несколько минут при первом запуске.
В качестве итога дня проведите ревизию. Плюсы Titanium: скорость разработки для JS-разработчиков, нативный UI, единая кодовая база. Минусы: зависимость от коммерческой компании Axway, некоторое отставание в поддержке самых свежих версий iOS/Android, сложность отладки глубоких нативных ошибок. Для быстрого прототипирования или корпоративных приложений с не самым сложным UI он все еще может быть полезен, особенно если ваша команда сильна в JavaScript.
Таким образом, за один день вы можете получить четкое представление о Appcelerator Titanium, создать работающее приложение и принять взвешенное решение о целесообразности его использования в вашем проекте.
Appcelerator за 1 день: Быстрый старт для мобильной разработки на JavaScript
Практическое руководство по быстрому освоению кросс-платформенного фреймворка Appcelerator Titanium. Установка, создание первого приложения на Alloy, работа с нативными API и оценка платформы.
143
2
Комментарии (10)