Informate sin compromiso
659 552 510

 

 
Miércoles, 12 Marzo 2014 08:55

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

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

Publicado en Phonegap

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