Aplicación móvil con notificaciones Push

Para activar las notificaciones Push en la aplicación móvil es necesario crear una cuenta en Firebase, para este ejemplo usaremos la aplicación móvil básica de Plaspy y le agregaremos las notificaciones push por medio de Firebase
Para activar las notificaciones Push en la aplicación móvil es necesario crear una cuenta en Firebase https://firebase.google.com/
Después de crear la aplicación básica móvil basado en Cordova

Agrega Firebase a la aplicación móvil anteriormente creada
https://firebase.google.com/docs/android/setup
https://firebase.google.com/docs/ios/setup
Creamos el proyecto de Android o iOS en Firebase
https://firebase.google.com/docs/android/setup#create-firebase-project
https://firebase.google.com/docs/ios/setup#create-firebase-project
Registra tu aplicación con Firebase
https://firebase.google.com/docs/android/setup#register-app
https://firebase.google.com/docs/ios/setup#register-app
Agrega un archivo de configuración de Firebase
https://firebase.google.com/docs/android/setup#add-config-file
https://firebase.google.com/docs/ios/setup#add-config-file

Para agregar la configuración de nuestro servicio móvil se requieren los siguientes archivos en la aplicación móvil
Android: google-services.json
iOS: GoogleService-Info.plist
Después de agregar las librerías base de Firebase es necesario agregar las librerías del cliente de mensajería
https://firebase.google.com/docs/cloud-messaging/android/client
https://firebase.google.com/docs/cloud-messaging/ios/client
Para que aplicación móvil se comunique con Plaspy es necesario agregar el Plugin de Cordova en Plaspy el cual se llama PlaspyPlugin lo encontramos en el código de ejemplo de la aplicación.
Modificamos el archivo config.xml de la aplicación móvil para agregar el Plugin
Android
<feature name="PlaspyPlugin">
<param name="android-package" value="com.plaspy.test.PlaspyPlugin" />
</feature>
iOS
<feature name="PlaspyPlugin">
<param name="ios-package" value="PlaspyPlugin" />
</feature>
En el mismo archivo config.xml modificamos la sección content el cual se reemplazará la línea
<content src="https://m.plaspy.com/m/Index?lcl=1" />
por
<content src="https://m.plaspy.com/m/Index?pumvcv=5" />

Para probar que el plugin de Plaspy funcione correctamente lo podemos hacer en la URL https://m.plaspy.com/m/MobileAppTest/Index?pumvcv=5 desde la aplicación móvil para hacer esto cambiamos en el archivo config.xml la línea anterior de content a

Para activar las notificaciones Push en Plaspy ingresamos en la Configuración en "Personalización avanzada", "Notificaciones móviles Push" ahí copiamos la clave privada generada por Firebase, en Firebase Account key copiamos el contenido del archivo JSON que contiene la clave privada.
Para obtener nuestra clave privada de envío de notificaciones Push en Firebase seguimos las instrucciones de https://firebase.google.com/docs/admin/setup#initialize_the_sdk
Para realizar prueba que la clave funcione correctamente podemos usar el Token de nuestro dispositivo de prueba (Las notificaciones Push solo funcionan en un dispositivo y no en el emulador)
https://firebase.google.com/docs/cloud-messaging/android/client#recupera-el-token-de-registro-actual
https://firebase.google.com/docs/cloud-messaging/ios/client#c%C3%B3mo-recuperar-el-token-de-registro-actual

Descargar código de ejemplo básico con notificaciones Push

Descargar código de ejemplo avanzado con notificaciones Push

Índice

Preguntas

Respondemos todas las solicitudes de soporte en 24 horas en días hábiles. Responderemos tan pronto como sea posible!

Estamos ubicados en Bogotá, Colombia, ten en cuenta la zona horaria (GMT-5).

Soporte

English Terminos y condiciones Política de Tratamiento de Datos Cambios Estado Servicios Agradecimientos