Разве вы не почувствуете себя невероятно, если напишете единый фрагмент кода, а затем развернете его для всех операционных систем в мобильном приложении, которое будет использоваться? Да! Вот для чего нужны кросс-платформы.
Так что же такое кроссплатформенность?
Перекрестная - платформа мобильная разработка - это создание приложений на одном языке кода, совместимых с несколькими мобильными операционными системами.
Интересные факты о кроссплатформенности:
Исследование 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 для работы.
Пожалуйста, подарите аплодисменты и поделитесь ими со своими друзьями. Не стесняйтесь делиться своими отзывами.