В прошлом месяце меня попросили создать версии приложения для продукта для Android и iOS. И вот что произошло ...

Как разработчик JavaScript, мне всегда трудно разрабатывать приложения для Android и iOS, чтобы обеспечить пользователям естественный опыт. Я попросил помощи у своего друга - отличного разработчика Android. Но через некоторое время мы поняли, что нам все еще нужно искать кого-то, кто мог бы помочь нам в разработке приложения для iOS. Это оставило нам 3 варианта:

  1. Ищите еще двух разработчиков, то есть для Android и iOS, а также немного дополнительного времени и денег.
  2. Изучите Java и Swift 😃 Это сэкономило бы нам чертовски много денег, но потребовало бы времени.
  3. Ищите альтернативы. После некоторого исследования мы остановились на кроссплатформенном фреймворке с открытым исходным кодом под названием NativeScript. NativeScript оказался для нас комплексным решением для Android или iOS с единой базой кода.

Серия под названием «Руководство по NativeScript для начинающих» будет охватывать все основы NativeScript, а также простые примеры реализации.

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

Что такое NativeScript?

Проще говоря, NativeScript - это кроссплатформенный фреймворк, созданный для разработки собственных приложений для Android и iOS без веб-представлений. Лучшее в NativeScript - это разнообразная поддержка JavaScript. Он также поддерживает последние версии фреймворков, таких как JavaScript и Angular.

Прежде чем мы начнем создавать наше первое приложение, давайте посмотрим, как NativeScript работает с HTML / CSS / JS и без использования веб-представлений:

Время выполнения

Чтобы написать приложение для Android, мы обычно используем Java / Kotlin, а для приложения iOS - Swift / Objective-C. С этими разными языками и экосистемами NativeScript использует виртуальную машину JavaScript для вызова собственных системных API.

Основные модули

Это дополнительный уровень абстракции, позволяющий должным образом отделить взаимодействие от API-интерфейсов - представлений пользовательского интерфейса, ядра, макетов и т. Д.

CLI

Интерфейс командной строки, который мы будем использовать для создания приложений с NativeScript. В конце концов мы установим его в нашу систему.

Плагины

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

Фреймворк приложения

Мы начнем эту серию с использования интерфейса командной строки NativeScript, но в следующих статьях мы рассмотрим другие фреймворки приложений на NativeScript. В частности, NativeScript позволяет разработчикам использовать фреймворки приложений, такие как Angular и Vue, для написания собственных приложений.

Примечание. Вместе с APK-файлом Android, который создается приложением NativeScript, мы также поставляем виртуальную машину JavaScript, чтобы иметь доступ к собственным API.

Создание базового приложения

Первый шаг - настроить интерфейс командной строки в нашей системе. Интерфейс командной строки построен на основе Node.js, поэтому сначала нам нужно настроить Node.js.

Вы можете проверить, есть ли у вас версия Node.js, используя следующую команду:

node -v

Команда предоставит версию Node.js, установленную в вашей системе. Если версия не установлена, установите ее с веб-сайта Node.js.
Чтобы установить NativeScript CLI, используйте терминал или командную строку и выполните следующую команду:

npm install -g nativescript

Вы можете проверить, установлен ли NativeScript, используя команду tns:

tns --version

Эта команда предоставит нам версию NativeScript, установленную в вашей системе.

После того, как он будет установлен, мы можем приступить к созданию нашего приложения. Создайте каталог и перейдите в него. Из этого каталога выполните следующую команду:

tns create <appName>

Теперь вы, вероятно, увидите несколько вопросов в командной строке, например:

First, which style of NativeScript project would you like to use:

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

Next, which template would you like to start from:

Выберите здесь Hello World. Как только это будет сделано, вы можете перейти в новую созданную папку helloworld и перечислить папки внутри нее:

Настройка эмуляторов

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



Расширенная настройка NativeScript - macOS - Документы NativeScript
Эта страница содержит список всех системных требований, необходимых для создания и запуска приложений NativeScript на macOS, а также… docs.nativescript.org



Тестирование на реальных устройствах

Если вы хотите протестировать приложение на реальных устройствах, вы можете выполнить следующую команду:

tns preview

Эта команда предоставит вам QR-код, который вы можете отсканировать, чтобы загрузить приложение в систему.

После сканирования этого кода вы можете просмотреть приложение по умолчанию на соответствующих устройствах Android или iOS. На вашем Android-устройстве вы должны увидеть предварительный просмотр приложения:

Заключение

В этом посте мы настроили среду для нашей серии блогов NativeScript. Этот пост послужит основой для следующих постов в серии.

Приложение обеспечивает ту же производительность, что и приложение, написанное на Java / Kotlin или Swift / Objective-C. Позже мы будем использовать ту же настройку, чтобы изучить еще несколько концепций NativeScript для разработки полнофункционального кроссплатформенного приложения.

Если вам понравилась статья, пожалуйста, хлопните в ладоши. Совет. Ваши 50 хлопков сделают мой день лучше!

Хотите узнать больше обо мне? Пожалуйста, загляните на мой сайт. Если вы хотите получать обновления, подписывайтесь на меня в Twitter и Medium. Если что-то неясно или вы хотите что-то указать, оставьте комментарий ниже.

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

Являясь независимой редакцией, Heartbeat спонсируется и публикуется Comet, платформой MLOps, которая позволяет специалистам по данным и группам машинного обучения отслеживать, сравнивать, объяснять и оптимизировать свои эксперименты. Мы платим участникам и не продаем рекламу.

Если вы хотите внести свой вклад, отправляйтесь на наш призыв к участникам. Вы также можете подписаться на наши еженедельные информационные бюллетени (Deep Learning Weekly и Comet Newsletter), присоединиться к нам в » «Slack и подписаться на Comet в Twitter и LinkedIn для получения ресурсов, событий и гораздо больше, что поможет вам быстрее создавать лучшие модели машинного обучения.