En tu Google Play Console, da click en el botón Publish New Application.
Llena el formulario con los datos, capturas y gráficos de tu aplicación.
En tu IDE, localiza el archivo config.xml, y en la segunda línea, en widget id= asigna tu package id (puede ser algo como com.tunombreoempresa.platzinger)
Abre una terminal en el directorio de tu app.
Corre el comando ionic cordova build Android
Ve a Android Studio y abre el directorio platfroms/android del folder de tu app.
En Android Studio, ve a Build/Generate Signed APK...
Marca la casilla de iOS e ingresa el resto de los datos (recuerda usar el bundle id que creaste en Apple Developer)
En tu IDE, localiza el archivo config.xml, y en la segunda línea, en widget id= asigna tu bundle Id.
Corre el comando ionic cordova build iOS,
En tu sistema de archivos ve a carpetadetuapp/platforms/ios y ejecuta el archivo con extensión .xcodeproj (ícono color azul), esto lanzará Xcode.
En Xcode ve a Preferences/Accounts.
Agrega una nueva cuenta, usando tu Apple Id (email) y contraseña para loggearte.
En la barra lateral izquierda, elige el ícono del Folder (parte superior de la barra), luego da click en el nombre de tu proyecto (primer elemento de la lista)
En la parte de la derecha, selecciona General (parte superior)
Más abajo, En la sección Signing, marca la casilla de Automatically Manage signing.
Escoge tu cuenta en el dropdown de Team.
Conecta tu iPhone/iPod/iPad a tu computadora.
Elige tu dispositivo conectado en la parte supioror (a un lado del símbolo de Stop y nombre del app)
En el menú superior ve a Product/Archive.
Sigue las instrucciones del Wizard para subir tu app.
Regresa a AppStore Connect, ve a Applications y verás tu app cargada.
Ingresa a tu app y llena con la información requerida.
Al guardar, si te sale un símbolo de Advertencia en color amarillo a un lado de la versión y nombre de tu app, haz click en él y contesta las preguntas que Apple te hace.
A este punto puedes someter tu app para testing o para ser subida.
Para agregarle push notifications a nuestra app de Ionic, aprovecharemos que estamos usando Firebase y habilitaremos Firebase Cloud Messaging, con el cuál, Ionic cuenta con una integración: https://ionicframework.com/docs/native/fcm/
Ve a Grow/Cloud Messaging
Haz click en el botón de Android o iOS
Agrega tu package name (el que tienes en config.xml)
Da click en Register App
Descarga el archivo google-services.json (en el caso de Android) o GoogleService-Info.plist (en el caso de iOS) y colócalo en la carpeta de tu app (raíz)
En la terminal en la carpeta de tu proyecto corre los comandos:
Ahora, en el .ts del page desde donde quieras enviar notificaciones, (conversatio.ts, por ejemplo), acopla tu código para incluir lo siguiente:
import{HttpClient}from'@angular/common/http/';import{HttpHeaders}from'@angular/common/http';constructor(privatehttp:HttpClient,...){...}//Add this function and call it where you want to send it.sendNotification(){let body ={"notification":{"title":"New Notification has arrived","body":"Notification Body","sound":"default","click_action":"FCM_PLUGIN_ACTIVITY","icon":"fcm_push_icon"},"data":{"param1":"value1","param2":"value2"},"to":"/topics/all","priority":"high","restricted_package_name":""}let options =newHttpHeaders().set('Content-Type','application/json');this.http.post("https://fcm.googleapis.com/fcm/send",body,{headers: options.set('Authorization', 'key=TuSenderID),}).subscribe();}
Para obtener TuSenderID, ve a tu consola de Firebase, en la parte superior izquierda, junto a Project Overview da click en el ícono del engrane (opciones)/ Project Settings
Da click en el tab de Cloud Messaging y copia el Sender ID
OPCIONAL: Si deseas reaccionar al evento de cuando a la notificación se le da click (o tap), usa:
