Сократите время разработки мобильного приложения с расширением PhoneGap Wakanda Studio

В этой статье я буду использовать Wakanda DataStore в качестве базы данных NoSQL, к которой наше нативное приложение будет получать удаленный доступ для получения данных с использованием форматов REST / HTTP и JSON, поэтому очень полезно иметь некоторые основы работы с Wakanda.  

Что делает расширение

После создания проекта с помощью Wakanda Studio нажмите кнопку «Расширение» в верхней части Studio, введите настройки и нажмите кнопку «Пакет».

Расширение будет тогда:

• создайте новую папку, которая будет содержать пакет
• изменяет HTML-страницу, добавляя библиотеку PhoneGap:
  <script type="text/javascript" src="phonegap.js"></script>
• добавляет эти две строки в index-smartphone.js, чтобы перенаправить http-запрос на указанный IP-адрес:
  WAF.core.restConnect.defaultService = "cors";
WAF.core.restConnect.baseURL = http://wakanda server_url:application_port
• добавляет другие строки в тот же файл, чтобы получить WAF API из локальной папки на стороне клиента
• добавляет файл config.xml в пакет с заданными настройками (более подробно см .: https://build.phonegap.com/docs/config-xml )
• добавляет поддержку CORS: Cross Origin Resource Sharing к коду на стороне сервера, чтобы разрешить вызов REST / HTTP с мобильного устройства

Следующая диаграмма дает обзор процесса:

1. Создайте проект Wakanda, представляющий собой простой мобильный веб-сайт HTML5, CSS3 и JavaScript.
2. Используйте расширение PhoneGap для упаковки проекта.
3. Загрузите ZIP-файл в PhoneGapBuild.
4. Создать собственное приложение (.apk, .app,… и т. Д.)
5. Установите в тесте приложение на свой мобильный.

Использование расширения

Перед тем, как начать использовать расширение PhoneGap Wakanda Studio, вам необходимо загрузить производственную версию Wakanda версии 4. После загрузки Wakanda у вас будет две папки: первая для Wakanda Server и вторая для Wakanda Studio. Скопируйте папку PhoneGap расширения в Wakanda StudioExtensions.

1) Создать проект

 button1.click = <b>function</b> button1_click (event)

    {

        navigator.geolocation.getCurrentPosition(onSuccess, onError);

    function onSuccess(position) {

        var coord = 'Latitude: '  + position.coords.latitude  + '<br />' + 'Longitude: ' + position.coords.longitude + '<br />' + 'Altitude: ' + position.coords.altitude + '<br />';

        alert(coord);

    }

  // onError Callback receives a PositionError object

  //

    function onError(error) {

        alert('code: '    + error.code    + 'n' + 'message: ' + error.message + 'n');

    }

};

    };