Статьи

Ionic Box, бродячая конфигурация для гибридных мобильных приложений

Vagrant — это инструмент для создания и управления виртуальными средами, который помогает многим разработчикам не заботиться о проблеме «работает на моей машине…» .

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

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

Я собираюсь поговорить о конфигурации Vagrant для разработки мобильных гибридных приложений с помощью Ionic Framework .

Бродяга для мобильных приложений ?!

Я был удивлен, когда узнал! Я видел, как Vagrant используется в основном в веб-разработке. С такими фреймворками, как Laravel , Phalcon и даже CMS, такими как WordPress , но не используемыми для мобильной разработки.

Несмотря на это, ребятам-ионикам удалось создать конфигурацию Vagrant, идеально подходящую для нашего использования.

Для разработчиков iOS Ionic Box сейчас мало что даст для вас, поскольку Ionic Box нельзя использовать для разработки iOS по ряду юридических причин. Тем не менее, это отлично подходит для разработки Android.

Настройка с помощью Ionic Box

Чтобы получить Ionic Box, у вас должны быть установлены Vagrant и VirtualBox .

Убедившись, что они у вас есть, выполните

vagrant init drifty/ionic-android vagrant up vagrant ssh 

Это загрузит файлы конфигурации vagrant, запустит виртуальную машину и подключит вас к ней. При первом запуске он загрузит Ubuntu 14.04 (Trusty Tahr) с установленными приложениями:

  • Node.js
  • Гит
  • Java SDK 7, обновление 65 (OpenJDK7)
  • Apache Ant
  • Android SDK
  • Кордова
  • Ionic Framework
  • ожидать

Этот процесс займет некоторое время, так что наберитесь терпения.

тт

Теперь, когда Ionic Box запущен и работает, вы можете начать использовать Ionic Framework для написания своего мобильного гибридного приложения для Android.

После настройки

Я не собираюсь создавать новое приложение. Вместо этого я буду использовать один из шаблонов Ionic, шаблон вкладок.

казнить

 ionic start TabsDemo tabs cd TabsDemo ionic platform add android 

Первая команда создает проект TabsDemo из шаблона вкладок, а затем добавляет необходимые файлы и конфигурацию, чтобы сделать его приложением для Android.

Чтобы запустить приложение, используйте

 ionic run android 

и он должен собрать приложение для Android, а затем установить его на устройстве.

Если у вас есть какие-либо проблемы с вашим телефоном Android, такие как бродячая виртуальная машина, не распознающая его, или любая другая проблема с разрешениями, попробуйте перезапустить сервер adb , выполнив

 sudo /home/vagrant/android-sdk-linux/platform-tools/adb start-server sudo /home/vagrant/android-sdk-linux/platform-tools/adb kill-server 

Вы можете найти исходные файлы как в vagrant, так и на вашем локальном компьютере. На vagrant вы должны поместить их в /home/vagrant/ , в то время как на локальном компьютере вы можете найти их в том же каталоге, куда вы поместили файл конфигурации Vagrantfile , т.е. Vagrantfile .

Вы можете использовать любую IDE для написания своего приложения, но я бы порекомендовал WebStorm (если вы готовы заплатить его цену).

Поскольку Ionic использует Cordova для переноса приложений на мобильные платформы, вы можете легко использовать плагины Cordova с помощью ngCordova . Давайте рассмотрим пример с плагином BarcodeScanner .

Вы можете добавить плагин, выполнив

 cordova plugin add https://github.com/wildabeast/BarcodeScanner.git 

Затем он может быть использован в вашем коде так:

 module.controller('BarcodeScannerCtrl', function($scope, $cordovaBarcodeScanner) { $scope.scanBarcode = function() { $cordovaBarcodeScanner.scan().then(function(imageData) { // Success! Barcode data is here }, function(err) { // An error occured. // Show a message to the user }); }; 

Вывод

Бродяга может быть трудным для понимания иногда, но его стоит преследовать, поскольку он может быть исключительно полезным. Если вы устали от настройки своего компьютера для каждого имеющегося у вас проекта, тогда vagrant — это то, что вам нужно. Если вы столкнулись с проблемами при настройке вашего компьютера, то использование расфасованного бродячего ящика — лучший ответ на ваши проблемы.

С этим вступлением вам не нужно устанавливать все инструменты для разработки под Android. Попрощайтесь с Android SDK и поздоровайтесь с Ionic Box.