Rating: 4.0. From 1 vote.
Please wait...

El mundo del desarrollo de apps, como el mundo web en general está en constante evolución. Sacando cada poco tiempo nuevas versiones de frameworks como es el caso de Ionic. Hace no tanto teníamos Ionic 2 y la salida de Ionic 3 ha sido tan seguida que he decidido esperar a escribir este post por si antes de darme cuenta salia Ionic 4.

Este post pretende ser una guía para hacer notificaciones push con Ionic 3 desde Firebase, también explicaremos como hacer toda las instalación desde 0 en nuestra maquina Linux.

Si por algún motivo lo que necesitas es la guia de FCM con Ionic 2 mira este enlace

Para poder trabajar correctamente necesitamos tener instalados una serie de paquetes en nuestra maquina. En este ejemplo nos centraremos en hacer notificaciones Push para Android y usaremos para trabajar un Ubuntu 16.04

Aparte de los paquetes propios para que todo esto funcione necesitaremos una cuenta de Ionic y otra de Firebase. Durante la instalación y generación de archivos nos pedirá el usuario y contraseña de Ionic

Instalación de paquetes necesarios para Ionic

Lo primero es conseguir tener el SDK de android funcionando en nuestra maquina.

JAVA 8

 

Android Studio

No hay que olvidar que una vez tengamos instalado Android Studio tendremos que iniciar un proyecto nuevo y aceptar las condiciones para el uso de la API de android pues, nos pueden salir mensaje que interrumpan la instalación de nuestra aplicación por que la licencia no esta aceptada.

Una vez aceptada la Licencia necesitamos que el SDK tenga un acceso global desde el terminal.
Agregamos a nuestro “~/.bashrc” que esta en nuestra carpeta de usuario las siguientes lineas

Instalación de Ionic 3

Para empezar necesitamos instalar Node.js en nuestra maquina siguiendo los siguientes pasos desde un terminal Linux

Instalando Cordova e Ionic

Ahora necesitamos instalar cordova e ionic en nuestra maquina de forma global usando los siguientes comandos

Actualizando Node.js

Antes de poder continuar necesitamos actualizar Node.js para asegurarnos de no tener problemas aparte de que si no esta en su ultima versión no podremos instalar Ionic 3 como es lógico

Paquetes y Creación de Proyecto Ionic

Instalamos el plugin que permite la comunicación de FCM con Ionic

Instalamos un versión basica de Ionic en nuestra maquina y añadimos la plataforma android

Instalando Gradle

Durante la ejecución nos puede salir el mensaje de que Gradle no esta instalado. Los comandos que mostramos a continuación son los necesarios para la instalación y correcto funcionamiento.

Firebase y probando una notificación Push

Creamos la cuenta para Firebase y una vez dentro seguimos estos pasos

 

Finalmente cargamos la app en nuestro terminal

Ahora el Firebase

Si todo ha salido bien nos tendria que llegar una notificación push a nuestro teléfono

Rating: 4.0. From 1 vote.
Please wait...