plugin notification example android ios plugins cordova notifications

android - notification - phonegap-plugin-push example



Notificación local en phonegap 3.3.0 (2)

Hola chicos por si acaso este es otro ejemplo ... tiene sonido personalizado y otras propiedades como título, tipo de credencial, es interesante cómo este plugin doc aún no está terminado, creando notificaciones locales para android que funcionan absolutamente bien con la última cordova (3.4. x) solo crea una var y asigna el nombre de tu paquete (el que usas cuando creaste el proyecto phonegap / cordova con la línea de comando algo así como por ejemplo:

cordova create LocalNotification com.example.localnotification LocalNotification

Debe usarse en el complemento con estos valores:

var package_name = "com.example.localnotification"; window.plugin.notification.local.add({ date : Math.round(new Date().getTime()/1000 + 5), title : "Android App Tes Local Notification", message : "This is a new local notification.", repeat : "daily", sound : ''android.resource://'' + package_name + ''/raw/beep'', badge : 0, id : 666, foreground : function(notificationId){ console.log("Hello World! This alert was triggered by notification " + notificationId); }, background : function(notificationId){ console.log("Hello World! This alert was triggered by notification " + notificationId); } });

Descargue el complemento de notificación local (solo para Android)

Descargar beep.mp3

desbordamiento de pila comentario original

¡Gracias Dawson! El problema mencionado a continuación ha sido resuelto en Android. Pero lamentablemente no funciona cuando construyo el proyecto en iOS, ¿podría alguien ayudar?

Voy a utilizar este complemento para crear aplicaciones Android / iOS con notificación local. https://github.com/katzer/cordova-plugin-local-notifications/wiki

Primero creé un proyecto de phonegap

phonegap create notification

Agrega el complemento

cordova plugin add https://github.com/katzer/cordova-plugin-local-notifications.git

Modificar el archivo /www/config.xml

<gap:plugin name="de.appplant.cordova.plugin.local-notification" />

Copié local-notification.js a / www dir y lo hice referencia en el index.html

<html> <head> <meta charset="utf-8" /> <meta name="format-detection" content="telephone=no" /> <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 --> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <title>Hello World</title> </head> <body> <div class="app"> <h1>PhoneGap</h1> <div id="deviceready" class="blink"> <p class="event listening">Connecting to Device</p> <p class="event received">Device is Ready</p> </div> </div> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="local-notification.js"></script> <script type="text/javascript">] window.plugin.notification.local.add({ message: ''Great app!'' }); </script> </body>

Creé las aplicaciones de Android usando el comando

phonegap build android

Puedo construir con éxito las aplicaciones de Android, pero no hay ninguna notificación activada como se esperaba. ¿Alguien puede saber lo que está mal conmigo en el proceso anterior? Muchas gracias a todos ustedes.


No podrá llamar a esa función hasta después de que se haya disparado el evento deviceReady.

Para las pruebas siempre tomo mi función de complemento y la agrego como una acción de clic a la etiqueta p "el dispositivo está listo".

Ejemplo:

<p class="event received">Device is Ready</p>

cambiar a:

<p class="event received" onclick="window.plugin.notification.local.add({ message: ''Great app!'' });">Device is Ready</p>

Lo hago con la aplicación de ejemplo predeterminada de cordova, ya que sé que ''Dispositivo está listo'' no se mostrará hasta que se haya disparado el evento deviceReady. Esta es una buena forma de comprobar si los complementos funcionan antes de realizar un trabajo real en su proyecto.