Мобильное приложение на Steroids

Опубликовано 4/2/2014

На днях я написала своё первое мобильное приложение. Суммарно это заняло всего пару часов, и всё благодаря фреймворку Steroids от AppGyver. С его помощью делать гибридные приложения (это когда HTML5/JavaScript внутри) очень легко, а инструменты Steroids позволяют легко деплоить приложение и делиться им с друзьями.

Легко посмотреть приложение

Приложение у меня пока "игрушечное" — это всего одна страница, где озвучены случайные числительные на финском языке.

Сейчас увидеть работающее приложение в телефоне можно только через Appgyver Scaner — вспомогательную программу для обмена Steroids-based мобильными приложениями до релиза. Поставьте сейчас, чтобы позже загрузить моё приложение:

Appstore Googleplay

Теперь вы можете открыть в компьютере эту страницу с QR-кодом. Отсканируйте QR-код при помощи свежеустановленного AppGyver Scaner, и моё приложение загрузится к вам в телефон.

Я сознательно не релизила пока приложение. Во-первых, оно ещё сырое. А во-вторых, хочу, чтобы вы увидели как легко поделиться готовящимся приложением с другими, причем на любом этапе разработки.

Запустить dev-версию

Код приложения открытый, хостится на Github: varya/finnish-counting. Чтобы развернуть проект у себя на машине, понадобится npm-пакет steroids:

npm install steroids -g

Если до этого npm-пакеты на машину не устанавливались, то придется пройти через все шаги инструкции по установке.

Затем нужно склонировать код проекта и установить зависимости:

git clone git@github.com:varya/finnish-counting.git -b develop
cd finnish-counting
npm install

Для начала работы с проектом запускаем

steroids connect --watch

Ключ --watch нужен для отслеживания изменений и перезагрузки приложения.

После запуска этой команды в браузере откроется страница с QR-кодом. Отсканировав QR-код всё тем же AppGyver Scaner, вы получите приложение прямо в телефоне. Только имейте в виду, что телефон и компьютер должны находиться в одной сети. При каждой редакции кода приложение будет обновляться – очень удобно, особенно если работаешь над внешним видом интерфейса.

Если телефона под рукой нет, можно открыть приложение на макет в iOS simulator. Для этого в терминале с запущенным steroids нужно просто написать

simulator

Что писать?

Основной код приложения находится в www/application.js. Оно ещё маленькое и не использует все возможности Steroids. Но уже очевидно, что когда страниц станет больше, мне понадобится Steroids Native UI.

Другие возможности фреймворка такие как удобное обращение к камере, файловой системе телефона, нотификациям — хорошо задокументированы на страницах API Docs. Там же есть примеры использования Cordova API — именно с его помощью в моём приложении проигрывается звук.

Новые приложения появляются каждый день, можно релизить и хвастаться в AppGyver Apps Gallery. Только успевай с идеями: я вот хотела написать мобильный аналог игры 2048, а он уже там есть. Значит, буду развивать свою «считалку» :-)

Кстати, у кого есть телефон на Андроиде — проверьте, скачивается у вас моё приложение, работает ли? Я пока могу проверить только на iOS, а одно из преимуществ приложений на Steroids — то, что они кросс-платформенные, с нативными фичами для каждой платформы, конечно.