Мобильные приложения JavaScript: да, для этого есть платформа

Если вы хотите начать создавать мобильные приложения, есть три основных языка

на выбор: приложения Java для Android, приложения Swift для iOS или JavaScript для кроссплатформенных приложений.

Но подождите, разве JavaScript не для веб-разработки? Да, все началось таким образом, но за последнее десятилетие оно изменилось. Теперь вы можете создать веб-приложение на JavaScript и связать его с движком браузера, который работает как мобильное приложение. Это так называемые «гибридные» приложения.

В последнее время некоторые платформы JavaScript могут принимать код JavaScript, компилироваться на язык, свойственный мобильной платформе, и запускаться как настоящее мобильное приложение. Они называются «нативными» приложениями и предпочтительнее гибридных приложений, поскольку они часто имеют более высокую производительность.

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

1. Реагировать родной

React, разработанный и поддерживаемый Facebook, является одной из самых популярных веб-платформ JavaScript, доступных в настоящее время. Если вы еще не попробовали его, ознакомьтесь с этими замечательными руководствами по React.

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

React Native — это также родственная среда, разработанная Facebook, которая позволяет создавать мобильные приложения на JavaScript с использованием принципов React. Интерфейсы приложений разработаны с использованием тегов макета в стиле HTML и таблиц стилей в стиле CSS, поэтому, если вы веб-разработчик, который хочет попробовать свои силы на мобильной арене, это лучший способ сделать это.

Как следует из названия, React Native создает собственные мобильные приложения. Это одна из причин, почему так много современных разработчиков любят React Native, потому что его приложения имеют тенденцию превосходить приложения, написанные в других средах JavaScript. Обратная сторона? Вам придется поддерживать отдельные ветви для каждой мобильной платформы с настройками для конкретной платформы. Это не «пиши один раз, беги везде».

2. Угловой

Angular — самая популярная веб-инфраструктура JavaScript, доступная на данный момент Созданный Google и впервые запущенный в 2009 году, он собрал огромное сообщество пользователей благодаря своему уникальному, но простому в освоении подходу к разработке одностраничных веб-приложений.

Если вы придерживаетесь правильного Angular, вы можете создавать гибридные приложения, которые предлагают нативную скорость и опыт. Двухстороннее связывание данных является одной из его наиболее заметных функций, и структура достаточно надежна для использования на уровне предприятия. В конце концов, это поддерживается уважаемым Google!

Хотя вы можете использовать Angular для собственных мобильных приложений, вам придется связать его с другой средой, такой как NativeScript или Ionic. Оба они описаны ниже.

3. NativeScript

NativeScript — это интегрированная среда JavaScript для мобильных приложений с большим акцентом на повторное использование кода. Но, пожалуй, самое интересное в этом то, что вы можете использовать один из трех языков для проектов NativeScript: JavaScript, TypeScript или Angular.

Если вы предпочитаете Angular, но он слишком медленный для вашего конкретного приложения, и вам нужно снизить производительность, то NativeScript может быть решением. Не нравится Angular? Все в порядке. Используйте платформу NativeScript Core для однократной записи и развертывания на iOS и Android.

Для создания и дизайна элементов интерфейса вы будете использовать специальный HTML-подобный язык для разметки различных компонентов, а CSS — для настройки внешнего вида компонентов.

4. PhoneGap

PhoneGap — это платформа с открытым исходным кодом, которая позволяет быстро разрабатывать гибридные мобильные приложения с использованием JavaScript (для логики приложения) и HTML + CSS (для интерфейса и дизайна). Он основан на Cordova, которая также имеет открытый исходный код, но в ней отсутствуют многие навороты PhoneGap.

Две вещи делают PhoneGap отличным решением для мобильной разработки: во-первых, приложение PhoneGap Developer (которое позволяет вам тестировать и просматривать сборки на мобильных устройствах), а во-вторых, сервис PhoneGap Build (который упаковывает и развертывает приложения для вас). Вы должны написать только один раз, и PhoneGap может доставлять приложения для iOS, Android и Windows Phone.

Хотя PhoneGap Build бесплатен для проектов с открытым исходным кодом (код должен быть извлечен из общедоступного репозитория GitHub

), вы получаете только 1 личное приложение с ограничением размера в 50 МБ. За 10 долларов в месяц вы можете увеличить до 25 частных приложений размером до 100 МБ каждое. Абоненты Creative Cloud получают 25 частных приложений размером до 1 ГБ каждое!

5. ионный

Многие считают, что Ionic Framework является самой простой средой для разработки на JavaScript. Поскольку он создает гибридные мобильные приложения, вам не нужно беспокоиться о настройках платформы (вы можете настроить их, если хотите). Пиши один раз, беги везде.

Ionic также поставляется с инструментом под названием Creator, который позволяет создавать и разрабатывать интерфейсы для вашего мобильного приложения с использованием мест размещения с помощью перетаскивания. Это гораздо проще, чем пытаться собрать пользовательский интерфейс в HTML или в HTML-подобный язык разметки. Таким образом, Ionic отлично подходит для новичков

,

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

6. Метеор

Метеор претендует на славу в два раза: во-первых, это решение с полным стеком

(объединяет разработку из внешнего интерфейса, бэкэнда, базы данных, клиентской части и серверной части), а во-вторых, предлагает двустороннее связывание данных в реальном времени (если что-то меняется в бэкэнде, оно немедленно обновляется во внешнем интерфейсе).

И хотя он в основном используется для веб-приложений, Meteor можно использовать для гибридных мобильных приложений. Как и Ionic, он использует Cordova для сборки вашего проекта и развертывания для iOS и Android. К сожалению, на момент написания статьи мобильный экспорт был доступен только на Mac и Linux (не поддерживается Meteor для Windows).

7. Фазер

Если вы предпочитаете создавать мобильные игры, вам понадобится среда, предназначенная для разработки игр. Такие фреймворки выполняют всю тяжелую работу, поэтому вы можете выполнять сложные задачи в одной или двух строках кода (например, загрузить изображение или переместить камеру мира). И Phaser легко один из лучших в своем классе.

Фазер самоуверен — вы должны структурировать свой код определенным образом — но его мнения основаны на десятилетиях проверенных практик разработки игр. Кривая обучения относительно невелика, и вы можете запустить свою первую игру в течение нескольких часов.

Экспорт на мобильные устройства не является встроенной функцией, поэтому вам придется делать это с помощью такого инструмента, как Cordova. Тем не менее, существует множество обучающих программ по Phaser, поэтому не составит труда выяснить, когда ваша игра будет готова к развертыванию.

Какое мобильное приложение вы делаете?

Я хочу прояснить: это НЕ просто уловки, которые существуют для новичков, которые не могут потрудиться изучать «настоящие» языки, такие как Java и Swift. Мобильные платформы JavaScript используются чаще, чем вы думаете, реальными компаниями для реальных приложений с реальными клиентами.

И это свидетельствует о том, насколько хороши эти рамки. Просмотрите список популярных приложений для Android или популярных приложений для iOS, и вы, вероятно, не сможете определить, какие из них написаны изначально или написаны на JavaScript.

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

, В конце концов, что хорошего в создании приложения, если никто не использует его? Удачи!

Какие рамки больше всего вам нравятся? Я скучал по хорошим? Какое приложение вы надеетесь сделать? Поделитесь своими мыслями и усилиями с нами внизу!

Ссылка на основную публикацию
Adblock
detector