Собрать за 5 минут ... android-приложение.

Теги: cordova

Можно ли собрать android-приложение с помощью cordova за 5 минут с нуля? Ответ: легко.

Открываем cmd и начинаем вводить:

cd /d "E:\serp\work\_ApacheCordova\"
cordova create GeoLocation com.serp1983.geolocation GeoLocation
cd GeoLocation
cordova platform add android
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git
cordova plugin rm org.apache.cordova.core.geolocation

Теперь надо изменить страницу E:\serp\work\_ApacheCordova\GeoLocation\www\index.html. Открываем ее в текстовом редакторе, все удаляем и вставляем следущее:

<!DOCTYPE html>
<html>
  <head>
    <title>Device Properties Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        navigator.geolocation.getCurrentPosition(onSuccess, onError);
    }

    // onSuccess Geolocation
    //
    function onSuccess(position) {
        var element = document.getElementById('geolocation');
        element.innerHTML = 'Latitude: '           + position.coords.latitude              + '
' + 'Longitude: ' + position.coords.longitude + '
' + 'Altitude: ' + position.coords.altitude + '
' + 'Accuracy: ' + position.coords.accuracy + '
' + 'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '
' + 'Heading: ' + position.coords.heading + '
' + 'Speed: ' + position.coords.speed + '
' + 'Timestamp: ' + position.timestamp + '
'; } // onError Callback receives a PositionError object // function onError(error) { alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n'); } </script> </head> <body> <p id="geolocation">Finding geolocation...</p> </body> </html>

Собираем и запускаем на android-устройстве:

cordova build
cordova run android

Все, теперь вы можете легко узнать ваши текущие координаты на планете Земля)).

З.Ы. При написании статьи на шаге "cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git" у меня возникла ошибка: "Error: EXDEV, cross-device link not permitted". Решилась очень легко установкой cordova самой свежей версии: npm install -g cordova

З.Ы.Ы На написание статьи ушло раз в 5 больше времени, чем на собирание проекта. Cordova - это круто)

Нет комментариев

Добавить комментарий