Informate sin compromiso
91 846 39 54 / 659 552 510
Miércoles, 12 Marzo 2014 08:55

Instalación de Plugins APIs en Phonegap 3 2/2

Escrito por
Valora este artículo
(0 votos)

Buenos, pues como lo prometido es deuda, vamos a ver como podemos hacer uso de las APIs de Phonegap / Cordova que en esta versión se usan a modo de Plugins, y como todo plugin, debe ser instalado vamos a hacer una prueba instalando la API de notificaciones y creando una sencilla APP para testear que efectivamente esta funcionando.

Ves al archivo index.html que se encuentra en la carpeta www de nuestro proyecto creado, una vez tengas este archivo abierto, que puedes editar con cualquier editor html, cambia por lo siguiente:

<!DOCTYPE html>
<html>
<head>
<title>Notification 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() {
// Empty
}

// alert dialog dismissed
function alertDismissed() {
// do something
}

// Show a custom alertDismissed
//
function showAlert() {
navigator.notification.alert(
'You are the winner!', // message
alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
}

</script>
</head>
<body>
<p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p>
</body>
</html>

Bien, ahora ya tenemos un archivo que hace uso de una API, entonces, ejecuta el emulador guardando los cambios y trata de mostrar la notificación, efectivamente no hace nada. Para que esto funcione, volvemos al terminal e instalamos el plugin:

cordova plugin add org.apache.cordova.dialogs

 

Ahora vamos a volver a compilar:

cordova build ios

y emulamos:

cordova emulate ios

 

Ahora si nos lo toma (ver video) y estamos listos para continuar. Bueno, pues esto es todo, si quieres aprender más sobre phonegap tienes un curso muy completo en: http://www.pixelpro.es/cursos-mobile/aplicaciones-phonegap.html

Leer 5112 veces

Medios

api phonegap
Más en esta categoría: « Instalación Phonegap 3 (en Mac)

Deja un comentario

Asegúrese de introducir la información requerida con la marca (*). No está permitido el Código HTML.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies Más información.