Разве вы не почувствуете себя невероятно, если напишете единый фрагмент кода, а затем развернете его для всех операционных систем в мобильном приложении, которое будет использоваться? Да! Вот для чего нужны кросс-платформы.

Так что же такое кроссплатформенность?

Перекрестная - платформа мобильная разработка - это создание приложений на одном языке кода, совместимых с несколькими мобильными операционными системами.

Интересные факты о кроссплатформенности:

Исследование IDC прогнозирует, что к 2017 году рынок кроссплатформенных приложений вырастет более чем на 38 процентов. По оценкам экспертов Gartner, к этому году ожидается, что рынок кроссплатформенных приложений достигнет 7,5 миллиардов долларов. . На рынках доступно множество кроссплатформенных фреймворков, таких как Qt, Xamarin, Nativescript, Phonegap или Ionic, React Native.

Основная цель этой статьи - не найти лучшую кросс-платформу среди них, а обсудить мой практический опыт работы с Nativescript.

Что такое Nativescript?

NativeScript - это фреймворк с открытым исходным кодом, который используется для разработки приложений на платформах iOS и Android. Я был разработан сообществом под названием Progress Telerik в марте 2015 года. Приложения NativeScript создаются с использованием JavaScript или любого языка, который преобразуется в JavaScript.

Nativescript - это платформа с открытым исходным кодом для создания действительно нативных мобильных приложений с использованием Angular, Vue.js, TypeScript или JavaScript.

Как это работает?

Пользовательский интерфейс. Мы можем создать красивый, доступный, ориентированный на платформу пользовательский интерфейс с помощью основного XML Nativescript или Angular из Vue.js.

Логика приложения - мы можем написать логику приложения с помощью JavaScript / Angular.

Стили. Обогатите код стилями с помощью CSS.

Здесь JavaScript использует самый популярный транспилятор под названием Transcript, который преобразует код на одном языке в код на другом похожем языке. Следовательно, мы можем сгенерировать сборку для платформ Android (APK) и iOS (IPA).

Плюсы Nativescript:

Некоторые из преимуществ Nativescript включают в себя:

  • Бесплатный и открытый исходный код
  • Легко учить
  • Возможность расширения с помощью сотен плагинов Nativescript.
  • Родная производительность. (NativeScript адаптируется для работы везде или адаптируется к пользовательскому интерфейсу для конкретных устройств и экранов)

Минусы Nativescript:

Как и у монеты с двух сторон, у Nativescript также есть свои минусы, такие как:

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

Создайте свое первое приложение Nativescript:

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

  • Настройка NativeScript
  • Создание приложения
  • Запуск приложения

Настройка Nativescript:

Чтобы создать наше первое приложение, необходимо выполнить быструю настройку.

1. Установите node.js в вашу систему.

2. Установите интерфейс командной строки Nativescript с помощью командной строки.

npm install -g nativescript

3. Требования к Android и IOS

  • Для разработки под Android (JDK 8 или новее, Последний официальный выпуск Android SDK и Android SDK Build-tools 27.0.3 или новее). Убедитесь, что вы настроили правильные переменные среды.
  • Для разработки под iOS (последний Xcode, инструменты командной строки для Xcode, рубиновый гем xcodeproj, CocoaPods)

4. Проверьте настройку.

tns doctor

Проверьте установку с помощью командыtns, что является сокращением от T elerik N ative S cript. Если вы не видите ошибок или предупреждений в этой команде, вы готовы приступить к проекту. Тем не менее, если вы застряли с настройкой, вы можете следовать официальному руководству здесь.

Создание приложения:

В командной строке выполните следующую команду, чтобы создать новое приложение NativeScript.

tns create HelloWorld --template nativescript-template-ng-tutorial

После создания папки приложения смените каталог и перейдите в свою папку.

cd HelloWorld

Запуск приложения:

В NativeScript вы используете команду CLI tns run для запуска приложений на iOS или Android.

Для Android:

tns run android

Для iOS:

tns run ios

Выполнение команды run займет несколько секунд, поскольку интерфейс командной строки NativeScript фактически будет создавать и развертывать собственное приложение для Android / iOS. Когда команда завершится, откроется собственный эмулятор, и вы увидите свое приложение.

Я создал простую страницу входа в систему со служебным вызовом, чтобы перечислить данные пользователя. Вы можете скачать исходный код с github.

Если у вас все еще есть желание испачкать руки Nativescript, есть игровая площадка, где вы можете найти множество образцов и IDE для работы.

Пожалуйста, подарите аплодисменты и поделитесь ими со своими друзьями. Не стесняйтесь делиться своими отзывами.