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


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

Быстро и масштабируемо — так позиционирует себя экосистема 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 легко и весело.

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

Спасибо Joao Moura за идею и доступное объяснение.
Поделиться с друзьями
-->

Комментарии (4)


  1. olen
    31.12.2016 17:07
    +13

    Статья должна называться «Установка Ember для тех, кого забанили на официальном сайте фреймворка».


  1. vvscode
    01.01.2017 17:20
    +1

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

    А рассказ о том, как плагин подключается одной командой ( и включает работу с cordova ) явно не тянет на статью


    1. Singapura
      01.01.2017 20:26

      Добавьте что-нибудь интересненькое от своего виденья «Ember» и его нового релиза.


  1. Singapura
    01.01.2017 17:21

    А мне понравилась тема. Цикл статей по Ember.js будет полезен. Ember.js еще и Angular95/98.js переживёт.