Добавьте больше возможностей своим мобильным приложениям, нажав на пользовательский код

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

  • Классический титан
  • титановый сплав
  • Титан + Угловой
  • Титан + Вью
  • B.Y.O.F (принесите свою собственную платформу)

Классический титан

Classic Titanium — это базовая среда JavaScript, которая по умолчанию поддерживается пакетом SDK для Titanium. Это также то, на чем построены все остальные фреймворки.

титановый сплав

Следующим был Titanium Alloy, добавив фреймворк MVC и множество помощников, которые еще больше упростили создание приложений Titanium.

Угловой и Vue

Далее у нас были Titanium+Angular, а также Titanium+Vue. Эти два фреймворка были добавлены в прошлом году и позволяют вам использовать популярные фреймворки Angular и Vue JavaScript для создания нативных мобильных приложений с помощью Titanium.

Все предыдущие фреймворки работают поверх Titanium и были созданы инженерными группами Axway. Но, как вы знаете, все это проекты с открытым исходным кодом, и их можно использовать, модифицировать и расширять! Titanium предоставляет возможности для процесса сборки, чтобы вы могли использовать существующие плагины или создавать свои собственные!

Какие инструменты я использую для создания своего приложения Titanium?

  • Titanium CLI — инструмент с открытым исходным кодом для создания кроссплатформенных нативных приложений. Этот инструмент не требует входа в систему.
    npm install -g titanium
  • Titanium Alloy — MVC-фреймворк с открытым исходным кодом для использования с Titanium.
  • Appcelerator CLI — пакет, включающий Titanium и Alloy и предоставляющий доступ к платным модулям. Этот инструмент требует аутентификации.
    npm install -g appcelerator

Итак, как мне использовать что-то нестандартное?

Начнем с простого примера. Допустим, вы используете интерфейс командной строки Titanium с открытым исходным кодом или интерфейс командной строки Appcelerator для создания мобильного приложения, но вам необходимо использовать определенную версию Alloy в вашем проекте. По умолчанию Titanium CLI использует глобально установленный Alloy, а Appcelerator CLI использует связанную с ним версию Alloy.

1 В каталоге вашего проекта запустите это, чтобы использовать npm для создания файла package.json по умолчанию.

npm init --yes

2 Затем давайте установим плагин, который сообщает Titanium использовать локально установленную версию Alloy. Этот плагин устанавливается как модуль узла через npm.

ПРИМЕЧАНИЕ. Этот подключаемый модуль можно безопасно установить, даже если у вас не установлена ​​локальная версия Alloy. Будет использоваться установка Alloy по умолчанию, если локальная версия не будет найдена.

npm install --save-dev @titanium/plugin-alloy-local

3 Теперь давайте установим Titanium Alloy локально. Для этого примера мы собираемся установить последнюю версию.

npm install --save-dev alloy

Но вы также можете легко установить определенную версию Titanium Alloy локально:

npm install --save-dev [email protected]

А вот теперь будет еще веселее! Предположим, вы разветвили версию Alloy, настроенную для вас. Вместо установки одной из опубликованных версий (как показано на шаге выше) мы можем использовать npm для установки из репозитория GitHub:

npm install --save-dev brentonhouse/alloy

Это форк Alloy на GitHub (https://github.com/brentonhouse/alloy), который не делает ничего лишнего — но вы поняли идею.

Преимущество использования локально устанавливаемого Alloy заключается в том, что он будет работать и с вашими серверами непрерывной интеграции (CI), поскольку вы указываете версию Titanium Alloy и не зависите от глобально установленного Alloy или привязаны к версии Alloy, которая включены в инструмент Appcelerator.

Ваши возможности теперь безграничны, так как вы можете использовать существующие фреймворки, опираться на эти библиотеки или создавать и использовать свои собственные фреймворки! Дайте волю своему воображению и дайте нам знать, какие потрясающие идеи вам придут в голову!

В части 2 этой серии я приведу вам конкретный (и очень классный!) пример использования этой техники, чтобы добавить больше функциональности в приложение и больше возможностей вашей команде мобильных разработчиков!