Enviar notificaciones push con Onesignal

En un tutorial anterior ya vimos como obtener el archivo de configuración de Firebase, ahora usaremos ese archivo junto a Onesignal para enviar notificaciones push a nuestras aplicaciones creadas con Kodular.

  1. Lo primero es ir a la web de Onesignal, crearnos una cuenta y loguearnos.
  2. Ahora debemos crear un proyecto nuevo, para ello damos clic a NEW APP/WEBSITE


     
  3. Le ponemos un nombre a nuestro proyecto, elegimos la plataforma Android y clic en Next: Configure Your Platform.



  4. Ahora tenemos que ir a nuestro proyecto de Firebase, clic en el ícono de configuración y seleccionar Configuración del proyecto.


     
  5. En la pestaña Cloud messaging encontraremos los datos necesarios para configurar nuestro proyecto en Onesignal, estos son Clave del servidor e ID del remitente, cópialos y regresa a Onesignal.



  6. Ingresamos los datos obtenidos y le damos clic a Next.



  7. En la siguiente ventana seleccionamos Native Android y clic en Next.



  8. Toma nota de Your App ID ya que será necesario a la hora de realizar la aplicación en Kodular. Luego dale clic a Save



  9. Nos aparecerá una ventana en la que debemos elegir Leave Setup.



  10. Ahora debemos ir a Kodular y crear un nuevo proyecto. Recuerda que el nombre del paquete debe ser el mismo que usaste al obtener tu archivo de configuración de Firebase.
  11. Ya en nuestro proyecto, debemos agregar el componente Push Notifications que se encuentra en Paleta > Social.

  12. En las propiedades del componente que acabamos de añadir debemos poner el App ID que obtuvimos en el paso 8.



  13. Además debemos cargar en los Assets nuestro archivo de configuración google-services.json



  14. Configuramos los bloques para que la aplicación se suscriba a nuestro proyecto de Onesignal automáticamente.

  15. Generamos nuestro archivo .apk y lo instalamos en nuestro móvil. Ya está listo para recibir notificaciones.



  16. Volvemos a Onesignal y damos clic en Messages > New Push.



  17. Dejamos la parte de Audience como está y nos concentraremos en la parte de Message. Aquí podremos configurar nuestra notificación como se muestra en la imagen; puedes ponerle un título, contenido, una imagen y un URL que se abrirá cuando el usuario haga clic sobre la notificación.


  18. Cuando hayas terminado de configurar tu notificación, en la parte de Schedule puedes elegir en que momento debe enviarse, para este ejemplo dejaremos las opciones como están para que lo envíe inmediatamente, damos clic en CONFIRM y luego en SEND MESSAGE



  19. Si hiciste todo correctamente, ahora puedes ver la notificación en tu móvil, lo mejor de todo es que las notificaciones llegarán incluso si la app está cerrada.

El siguiente paso es enviar notificaciones a usuarios específicos (algo muy útil si tienes pensado desarrollar una app de chat) y lo veremos en el siguiente tutorial, donde además veremos como configurar el ícono, imagen y colores de las notificaciones.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *