Быстрый способ построить быстрое приложение
Существует страх у разработчиков, что быстрые решения — это проблема. Откуда происходят опасения — в отсутствии возможности масштабирования своего приложения в будущем. Ведь для этого нужно продумать архитектуру! А что если её продумали за вас. Вы же не пытаетесь изобретать велосипед?
Быстро и масштабируемо — так позиционирует себя экосистема 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