Categorias
iiiiii
push notificacion ionic
Descripcion
Para enviar notificaciones se va hacer uso de una
Nota
1. crear una cuenta en https://onesignal.com/
2. crear una app en firebase https://firebase.google.com/?gad=1&hl=es-419
3. instalar plugin para consumir onesignal y enviar notificaciones a los dispositivos
url :https://danielsogl.gitbook.io/awesome-cordova-plugins/onesignal
instalar plugin
3.1 : ionic cordova plugin add onesignal-cordova-plugin@2.4.6
3.2 : npm install @awesome-cordova-plugins/onesignal@5.0
4. configurar aplicacion en onesignal
4.1 : documentacion https://documentation.onesignal.com/docs/mobile-sdk-setup
4.2 : crear nueva aplicacion(con plataforma android) https://dashboard.onesignal.com/apps/new
4.3 : setear las credenciales de firebase documentacion(https://documentation.onesignal.com/docs/generate-a-google-server-api-key)
5. inicializar onesignal en su appmovil
5.1 : documentacion : https://documentation.onesignal.com/docs/ionic-sdk-setup
5.2 : Importar la libreria en app.modile
5.3 : cree un servicio donde se agregara la logica para este ejemplo.(PushnotiService)
5.4 : llamar el nuevo servicio en al app.component.ts
Hola como estas, espero que bien solo queria pasar a desearte el mejor de los dias, llenos de mucha felicidad, calor de hogar y familia junto
a los que mas te amen y deseen lo mejora para ti, disfruta este dia sabiendo que eres una mujer muy especial y capaz de tragarse al mundo
para lograr todo lo que se propone para ser feliz y hacer feliz , quiero recordarte con este mensaje lo especial que eres para muchas personas
en este mundo por la magia, el encanto y el amor que dejas en ellas. para ti con mucho cari?o desde muy lejor Feliz cumple?os.
Att El colocho.
html
hola
typescript
/* paso 5.2 Inicio de app.module.ts*/
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import {OneSignal} from '@awesome-cordova-plugins/onesignal/ngx';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
providers: [OneSignal,{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }], /*se importa OneSignal*/
bootstrap: [AppComponent],
})
export class AppModule {}
/*Fin de app.module.ts*/
//---------------------------------------------------------------------------------------------------
/* Paso 5.3 Inicio servicio*/
import { Injectable } from '@angular/core';
import {OneSignal} from '@awesome-cordova-plugins/onesignal/ngx'
@Injectable({
providedIn: 'root'
})
export class PushnotiService {
constructor(private ctrOnsignal:OneSignal) { }
IniciandoConfiguracion(){
// NOTE: Update the init value below with your OneSignal AppId.
//this.ctrOnsignal.init("61028782-7de2-44f2-a903-943d0e14b1bb");
this.ctrOnsignal.startInit("61028782-7de2-44f2-a903-943d0e14b1bb","84305142613");
/*
this.ctrOnsignal.Notifications.setNotificationOpenedHandler(function(opened) {
let notificationData = JSON.stringify(opened);
console.log('notificationOpenedCallback: ' + notificationData);
});*/
this.ctrOnsignal.handleNotificationOpened().subscribe((datos)=>{
console.log("se ejecuto la notificacion "+datos);
});
/*
// Prompts the user for notification permissions.
// * Since this shows a generic native prompt, we recommend instead using an In-App Message to prompt for notification permission (See step 7) to better communicate to your users what notifications they will get.
this.ctrOnsignal.Notifications.requestPermission(function(accepted) {
console.log("User accepted notifications: " + accepted);
});
*/
this.ctrOnsignal.addPermissionObserver().subscribe((datos)=>{
console.log("se ejecuto la permisos "+datos);
});
}
}
/* Fin servicio*/
//-------------------------------------------------------------------------------------------
/* 5.4 Inicio app.componen.ts */
import { Component } from '@angular/core';
import { Platform } from '@ionic/angular';
import {PushnotiService} from './services/pushnoti.service';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.scss'],
})
export class AppComponent {
constructor(platform: Platform,ctrPus:PushnotiService) {
platform.ready().then(() => {
ctrPus.IniciandoConfiguracion();
});
}
}
/* Fin app.compoennt.ts*/