Configuración de Push Notificaciones con Parse Server y Firebase

23 min

configuración de notificaciones push de parse server introducción esta sección explica cómo puedes enviar notificaciones push utilizando firebase cloud messaging y parse dashboard a través de back4app así es como se verá en cualquier momento, puedes acceder al proyecto completo de android construido con este tutorial en nuestros repositorios de github repositorio de ejemplo en kotlin https //github com/templates back4app/android parse sdk kotlin repositorio de ejemplo en java https //github com/templates back4app/android parse sdk java requisitos previos para completar este tutorial, necesitamos android studio https //developer android com/studio/index html una aplicación creada en back4app nota sigue el tutorial de nueva aplicación parse https //www back4app com/docs/get started/new parse app para aprender cómo crear una aplicación parse en back4app una aplicación de android conectada a back4app nota sigue el tutorial de instalación del sdk de parse https //www back4app com/docs/android/parse android sdk para crear un proyecto de android studio conectado a back4app un dispositivo (o dispositivo virtual https //developer android com/studio/run/managing avds html ) que ejecute android 4 0 (ice cream sandwich) o superior 1 vincula tu proyecto de firebase con tu proyecto de android studio para enviar notificaciones push a través de tu panel de control, tendrás que crear un proyecto en sitio web de firebase https //firebase google com/ y vincularlo a tu proyecto de android studio para hacerlo, sigue los pasos descritos a continuación presta atención a los pasos a continuación porque no vas a seguir exactamente los mismos pasos que sugiere firebase ve a sitio web de firebase https //firebase google com/ y accede con una cuenta de google en el sitio web de firebase, en la esquina derecha haz clic en \ir a la consola\ y haz clic en \agregar proyecto\ , luego dale un nombre a tu proyecto y sigue los pasos para crear un nuevo proyecto 3\ luego, conecta tu proyecto de android studio al proyecto de firebase que creaste para hacerlo, haz clic en el ícono de android, como se muestra en la siguiente imagen 4\ se le pedirá que informe el nombre del paquete de su proyecto de android studio, como se muestra en la siguiente imagen 5\ para descubrir el nombre del paquete de su proyecto de android studio, mantenga abierta la página de firebase y vaya a su proyecto en android studio y dirígete a \app\ > \manifest\ > \androidmanifest xml\ en su archivo de manifiesto podrá encontrar el nombre del paquete de su proyecto, como puede ver en la imagen a continuación 6\ copie el nombre del paquete en el cuadro requerido en la página de firebase también puede completar los otros campos, pero son opcionales después de eso, haga clic en el \registrar app\ botón 7\ ahora, tienes que descargar el \google services json\ archivo y moverlo a la raíz del directorio de tu proyecto de android studio 1 classpath 'com google gms\ google services\ latest version here' 9\ después de eso, ve al archivo \build gradle (módulo\ app)\ y, en la parte superior del archivo, agrega el código a continuación 1 apply plugin 'com google gms google services' 10\ continúa en el archivo build gradle (módulo\ app) y agrega estas líneas de código 1 // no olvides cambiar la línea de abajo con las últimas versiones de los sdks de firebase 2 implementation 'com google firebase\ firebase core\ latest version here' 3 implementation 'com google firebase\ firebase messaging\ latest version here' no olvides cambiar estas líneas con las últimas versiones de los sdks de firebase 2 vincula tu proyecto de firebase con back4app para vincular tu proyecto de firebase con back4app y enviar notificaciones push fácilmente a través de tu panel, simplemente sigue estos pasos ve a sitio web de back4app https //www back4app com/ , inicia sesión, encuentra tu aplicación y haz clic en \configuración del servidor\ encuentra el bloque “notificación push de android” y haz clic en \configuraciones\ > \editar\ el bloque “notificación push de android” se ve así 3\ deja la página de notificación push de android de back4app que visitaste abierta y ve a tu proyecto en el sitio web de firebase https //firebase google com/ 4\ haz clic en el ícono de configuración y luego en el botón \configuración del proyecto\ , como se muestra a continuación 5\ haga clic en \mensajería en la nube\ y luego en administrar cuentas de servicio 6\ haga clic en administrar detalles (bajo acciones) 7\ ir a keys > añadir clave > crear nueva clave 8\ elija el formato json y cree 9\ para configurar la configuración de su cuenta de servicio, haga clic en el botón configurar ajustes de push 10\ para finalizar la configuración, haga clic en el botón elegir archivo y seleccione el archivo json que obtuvo de firebase y siguiente 3 configurar el archivo de manifiesto abre tu proyecto en android studio y ve a \app\ > \manifest\ > \androidmanifest xml\ en este archivo, usa el código a continuación justo después de las \meta data\ etiquetas que están dentro de la \application\ etiqueta 1 \<meta data android\ name="com parse push gcm sender id" 2 android\ value="insert your sender id" /> no olvides insertar el \gcm sender id\ que obtuviste en firebase en esta línea de código 2\ usa el siguiente código justo antes de que termine la \application\ etiqueta androidx 1 \<service android\ name="com parse fcm parsefirebasemessagingservice" android\ exported="false"> 2 \<intent filter> 3 \<action android\ name="com google firebase messaging event"/> 4 \</intent filter> 5 \</service> 6 7 \<receiver android\ name="com parse parsepushbroadcastreceiver" android\ exported="false"> 8 \<intent filter> 9 \<action android\ name="com parse push intent receive" /> 10 \<action android\ name="com parse push intent open" /> 11 \<action android\ name="com parse push intent delete" /> 12 \</intent filter> 13 \</receiver> android 1 \<service android\ name="com parse fcm parsefirebaseinstanceidservice" android\ exported="false"> 2 \<intent filter> 3 \<action android\ name="com google firebase instance id event" /> 4 \</intent filter> 5 \</service> 6 7 \<service 8 android\ name="com parse fcm parsefirebasemessagingservice" android\ exported="false"> 9 \<intent filter> 10 \<action android\ name="com google firebase messaging event"/> 11 \</intent filter> 12 \</service> 13 14 \<receiver android\ name="com parse parsepushbroadcastreceiver" android\ exported="false"> 15 \<intent filter> 16 \<action android\ name="com parse push intent receive" /> 17 \<action android\ name="com parse push intent open" /> 18 \<action android\ name="com parse push intent delete" /> 19 \</intent filter> 20 \</receiver> usa los siguientes permisos justo después de los \uses permission\ etiquetas que colocaste para permitir que tu aplicación tenga acceso a internet 1 \<uses permission android\ name="android permission wake lock" /> 2 \<uses permission android\ name="android permission vibrate" /> 3 \<uses permission android\ name="android permission receive boot completed" /> 4 \<uses permission android\ name="android permission get accounts" /> 5 \<uses permission android\ name="com google android c2dm permission receive" /> agregaste permisos para permitir el acceso a internet en el tutorial de instalación del sdk de parse https //www back4app com/docs/android/parse android sdk instrucciones si no lo hiciste, accede al tutorial de instalación del sdk de parse y sigue sus pasos 4 configura build gradle (módulo app) instala el sdk de parse fcm y el sdk de parse bolts para android para hacerlo, abre \build gradle (módulo app)\ y agrega el código a continuación en el \dependecies{}\ etiqueta 1 // no olvides cambiar las líneas de abajo con las últimas versiones de estos sdks 2 implementation "com github parse community parse sdk android\ fcm\ latest version here" 3 implementation 'com parse bolts\ bolts android\ latest version here' no olvides cambiar estas líneas con las últimas versiones de estos sdks si no estás usando androidx, no puedes usar la última versión consulta el registro de cambios https //github com/parse community/parse sdk android/blob/master/changelog md 5 crea una instalación cada aplicación parse instalada en un dispositivo registrado para notificaciones push tiene un objeto de instalación asociado que almacena todos los datos necesarios para dirigir las notificaciones push en android, los objetos de instalación están disponibles a través de la \parseinstallation\ clase esta clase utiliza la misma api para almacenar y recuperar datos para acceder al objeto de instalación actual desde tu aplicación de android, utiliza el \parseinstallation getcurrentinstallation()\ método la primera vez que guardes un parseinstallation, parse lo añadirá a tu clase de instalación y estará disponible para dirigir notificaciones push para crear un \parseinstallation\ en tu aplicación, ve a tu proyecto de android studio y en el archivo java llamado \app\ que extiende application que creaste para inicializar el sdk de parse, en su \oncreate\ método, justo después de la llamada a \parse initialize()\ , utiliza el siguiente código para crear un \parseinstallation\ 1 parseinstallation instalación = parseinstallation getcurrentinstallation (); 2 instalación put ( "gcmsenderid" , insert your sender id ); 3 instalación saveinbackground (); no olvides insertar el \gcm sender id\ que obtuviste en firebase en el código anterior si no tienes un \app java\ archivo como se describe en este paso, accede a la instalar parse sdk para android https //www back4app com/docs/android/parse android sdk documentación y asegúrate de haber seguido todos los pasos necesarios para instalar parse sdk correctamente si no instalas parse sdk correctamente, tu inicio de sesión de facebook con parse no funcionará 6 prueba tu aplicación ve a sitio web de back4app https //www back4app com/ , inicia sesión, encuentra tu aplicación y haz clic en \tablero\ haz clic en > \push\ > \enviar nueva notificación push\ y crea una audiencia para tu notificación push 3\ escribe tu mensaje y mira la vista previa haciendo clic en la opción de android 4\ si ya revisaste la notificación push y quieres enviarla, haz clic en \enviar push\ puedes explorar las otras opciones para notificaciones push en \parse dashboard\ allí, también es posible ver \notificaciones pasadas\ que enviaste y las \audiencias\ que creaste para ellas ¡está hecho! en esta etapa, puedes enviar notificaciones push usando el parse dashboard a través de back4app!