Если вы не знаете, что такое Tiggr, Tiggr является разработчиком облачных мобильных приложений или инструментом RAD (Rapid Application Development). Это позволяет разработчикам быстро создавать мобильные веб-приложения и нативные приложения. Tiggr поставляется с визуальным редактором и компонентами jQuery Mobile. Вы просто перетаскиваете компоненты в область телефона.
Это позволяет очень легко создавать прототипы и создавать пользовательский интерфейс. Как только вы разработали пользовательский интерфейс (который вы можете поделиться и протестировать в браузере или на мобильном устройстве), вы определяете и подключаетесь к сервисам REST. Как только служба определена, она отображается в пользовательском интерфейсе. Служба обычно имеет входы и выходы. Отображение означает получение ввода от пользовательского интерфейса (такого как компонент ввода) и использование его в качестве ввода для службы. С другой стороны, беря выходные данные службы и отображая их обратно в пользовательский интерфейс, для отображения результата. Последний шаг — добавление события для вызова службы. Например, по нажатию кнопки сервис может быть вызван. То, что я только что описал, — это очень простой и быстрый способ создания мобильных веб-приложений. Ничего не нужно настраивать или настраивать, просто запустите визуальный редактор Tiggr и начните сборку.
Теперь, как вы получаете родное приложение? Вот где PhoneGap приходит. PhoneGap — это платформа с открытым исходным кодом, она оборачивает ваше мобильное веб-приложение и дает вам доступ к собственному API устройства. Чтобы использовать нативные функции, PhoneGap предоставляет очень чистый и элегантный API . Например, чтобы дважды подать звуковой сигнал уведомления, вам необходимо вызвать следующее:
// two beeps navigator.notification.beep(2);
Просто, правда?
Для получения информации об устройстве используется следующий код:
alert ('Device Name: ' + device.name + '\n' +
'Device PhoneGap: ' + device.phonegap + '\n' +
'Device Platform: ' + device.platform + '\n' +
'Device UUID: ' + device.uuid + '\n' +
'Device Version: ' + device.version + '\n';
Любой родной мобильный проект в Tiggr поставляется с PhoneGap версии 1.0. Как вы вызываете этот API при создании мобильного приложения в Tiggr? Это очень просто. Tiggr поставляется с действием Run Custom JavaScript, которое может быть вызвано для любого события HTML. Давайте возьмем кнопку. Когда кнопка нажата (событие щелчка), вы добавляете действие (Запуск пользовательского JavaScript) для вызова. Вот и все. Внутри Run Custom JavaScript вы можете запустить любой собственный JavaScript.
Вы начинаете с кнопки, мы будем использовать кнопку Vibrate:
Добавьте событие HTML клика к кнопке:
Добавить Выполнить пользовательское действие JavaScript:
и, наконец, добавьте вызов PhoneGap JavaScript:
// vibrate for 1 second navigator.notification.vibrate(1000);
Другой вариант — создать файл JavaScript («Проект»> «JavaScript»), записать весь пользовательский код в функции и затем вызвать любую функцию с помощью действия «Выполнить пользовательское JavaScript».
Файл JavaScript:
Вызов функции из пользовательского файла JavaScript:
Как только вы используете собственный API, тестирование в веб-браузере больше невозможно. Чтобы сделать тестирование родного приложения очень простым, вы можете использовать Tiggr Mobile Tester . Это нативное приложение (Android, iOS), в котором перечислены все ваши мобильные проекты, созданные в Tiggr. Вы просто нажимаете любое приложение и запускаете нативное приложение. Приложение выглядит так:
Как то, что вы видите? Попробуйте Tiggr Mobile Apps Builder самостоятельно!
Спасибо Полу Бустериену за примерную идею.