Построение мобильных приложений с Ember

в 13:45, , рубрики: cordova, ember, javascript, мобильная разработка, разработка мобильных приложений

Быстрый способ построить быстрое приложение

Существует страх у разработчиков, что быстрые решения — это проблема. Откуда происходят опасения — в отсутствии возможности масштабирования своего приложения в будущем. Ведь для этого нужно продумать архитектуру! А что если её продумали за вас. Вы же не пытаетесь изобретать велосипед?

Быстро и масштабируемо — так позиционирует себя экосистема Ember. Фреймворк на JavaScript c понятной современной и расширяемой архитектурой, способный в считанные минуты создать рабочий каркас не только для большого многофункционального сайта, но и для десктопного приложения, используя популярный нынче Electron.

И вот ведь неугомонно-амбициозный — замахнулся аж даже на нашего, так сказать, мобильного младшего брата. Что из этого вышло — давайте взглянем.

Стек используемых технологий

Не вдаваясь в подробности обоснования выбора, пусть для начала это выглядит так:

  • Ember.js
  • Cordova
  • Handlebars
  • CSS (no S(A/C)SS)
  • HTML
  • JavaScript

Почему Ember

Почему бы просто не взять Cordova и сделать то, что нам нужно? Да, но нам нужна масштабируемость и ремонтопригодность нашего приложения, которую за нас уже продумали! И да, нам желательно иметь уже готовую архитектуру.

Создание вашего проекта

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

Установим нужные пакеты:

npm install -g ember-cli
npm install -g cordova

Теперь вы готовы создать свой проект:

ember new my_freaking_awesome_app

Ember.js + Cordova

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

ember install ember-cli-cordova

Запустим встроенный генератор:

ember generate cordova-init com.my_company.my_freaking_awesome_app

Данный генератор позволяет создать идентификатор нашего мобильного приложения — com.my_company.my_freaking_awesome_app.

Указать целевую платформу iOS или Android — мы сможем позже через Cordova.

Пробный запуск

Наш каркас проекта создан и мы можем посмотреть как оно выглядит:

ember serve

Запустите данную команду из командной строки в папке проекта и откройте браузер по адресу localhost:4200.

Пока это пустой проект, но легко масштабируемый с готовой продуманной архитектурой. И да, со встроенными тестами. Да-да, тестировать с Ember легко и весело.

Этим мы и займёмся в следующих статьях.

Спасибо João Moura за идею и доступное объяснение.

Автор: titov_andrei

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js