Практический пример использования: публикация блога рецептов как книги в Google.Play
Как настоящий программист я люблю искать оптимальные решения, чтобы из одной коробки можно было построить и дом, и корабль. Простейшие приложения для мобильных устройств нужны каждому. но не каждый может позволить себе специальную разработку. На самом деле она многим и не нужна. Нужно что-то простое, аккуратное, работающее и удовлетворяющее требованиям. В примере будет разобрано как быстро, зная angularjs (достаточно начального уровня) собрать из блога (допустим wordpress) простое приложение со статьями. Собственно говоря — писать мы будем минисайт, а потом «экспортировать» его как миниприложение.
Настройка окружения
Устанавливаем
- сервер — https://nodejs.org/en/
- выполняем команду npm install -g cordova (детальнее о процессе тут https://cordova.apache.org/docs/en/latest/guide/cli/index.html)
- выполняем команду npm install -g ionic (детальнее о процессе тут http://ionicframework.com/getting-started/)
- android sdk для сборки проекта
Начинаем проект
Выполняем команду ionic start ПапкаСПроектом. В результате у нас будет целая папка всякого важного (потом поиграемся, и самое важное в папке www — собственно наш сайт/приложение. После того, как мы сделаем необходимые нам правки из начального проекта, проверим в браузере и все будет ок — то мы его же построим и проверим в эмуляторе андроида. Ну или скачаем на свой планшет и будем наслаждаться)
Строим и проверяем
На любом этапе разработки можно посмотреть каким будет Ваше приложение на устройстве
cd ПапкаСПроектом
ionic platform add android@4.1.1
ionic build
ionic run
Экспортируем записи из блога
Фактически мы их читаем, парсим и складываем для дальнейшего использования. Почему так? Я лично часто оказываюсь в ситуациях без интернета и приложение тем и хорошо — мы можем сделать все что хотим потом, но начинать лучше с самого независимого от интернета варианта
AngularJS приложение
Делаем простейший код на два контроллера: просмотр списка и единичная статья. Результат работы можно посмотреть по ссылке
Добавляем в роутер
Контроллеры
Вывод Списка
Скачать код
И полностью его модифицировать под свои нужды можно по ссылке
Спасибо за пост. Занимаюсь сейчас как раз созданием приложения для WordPress блога с использованием Ionic framework. Правда нет пока нужды экспортировать из базы — добавил АПИ на wordpress и работаю с ним.
Почему имея опыт с этими технологиями и используя WordPress Вы не сделаете приложение для данного блога как пример?
ну там и есть приложение по этому блогу, вернее по его данным. просто ситуация когда я с планшетом чаще равна мне без интернета — поэтому апи не подходит. если интернет есть — то и в браузере не проблема открыть.
В принципе, можно сделать апи на загрузку данных онлайн, и сохранив локально читать уже оттуда. Просто временами проверив на наличии новых данных и загрузки именно нового куска базы