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

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


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

Быстро и масштабируемо — так позиционирует себя экосистема 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 за идею и доступное объяснение.
  • –3
  • 3,5k
  • 4
Поделиться публикацией
AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Подробнее
Реклама
Комментарии 4
  • +13
    Статья должна называться «Установка Ember для тех, кого забанили на официальном сайте фреймворка».
    • +1
      Хоть я и люблю Ember — имхо для мобильного приложения не лучший выбор. И уж точно это не единственный ответ на «Быстро и масштабируемо» ( плюс быстро в случае экосистемы — это про разработку, а не про работу ). И пока даже не определено назначение и функционал приложения говорить «Ember» рановато, ИМХО.

      А рассказ о том, как плагин подключается одной командой ( и включает работу с cordova ) явно не тянет на статью
      • 0
        Добавьте что-нибудь интересненькое от своего виденья «Ember» и его нового релиза.
      • 0
        А мне понравилась тема. Цикл статей по Ember.js будет полезен. Ember.js еще и Angular95/98.js переживёт.

        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.