Local Notification

Bibliotecas
Instalar a API do capacitor, usando os seguintes os comandos:

1- npm install @capacitor/local-notifications

2- npm cap sync

Os arquivos de configuração devem ficar assim:

/******* ionic.config.json *******/ /******* capacitor.config.json *******/

{ import { CapacitorConfig } from '@capacitor/cli';

"name": "localN",
"integrations": { const config: CapacitorConfig = {
"capacitor": {} appId: 'io.ionic.starter',
}, appName: 'localN',
"type": "angular", webDir: 'www',
"plugins": { bundledWebRuntime: false,
"LocalNotifications": {
"smallIcon": "ic_stat_icon_config_sample", plugins: {
"iconColor": "#488AFF", LocalNotifications: {
"sound": "beep.wav" smallIcon: "ic_stat_icon_config_sample",
} iconColor: "#488AFF",
} sound: "beep.wav",
} },
},
};

export default config;

/******* Já o arquivo home.page.ts *******/

import { Component, OnInit } from '@angular/core';

import { LocalNotifications, LocalNotificationSchema } from '@capacitor/local-notifications';

@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})

export class HomePage implements OnInit{

notificationDelay:string="";

constructor() {}

ngOnInit() {}

agendar(){

const options:LocalNotificationSchema={

id: 132456,

title: "Meu Notification",

body: "Texto da notificação",

summaryText: "Resumo",

schedule:{at: new Date(new Date().getTime()+parseInt(this.notificationDelay) * 3000 )},

extra: "Itens Extras"

LocalNotifications.schedule({ notifications:[options] }).then(()=>{

alert("Notificação: " + this.notificationDelay)

})

}
/******* Já o arquivo home.page.html *******/

<ion-header [translucent]="true">

<ion-toolbar color="success">

<ion-title>

LocalNotification

</ion-title>

</ion-toolbar>

</ion-header>

<ion-content [fullscreen]="true">

<h1>Notificação</h1>

<ion-button (click)="agendar()">Agendar</ion-button>

</ion-content>
/******* Após a codificação acima deve-se entrar com os comandos *******/
1- ionic build

2- ionic cap copy android

/******* Pasta Android *******/

Abrir as pastas:
android > app > src > main >

Editar o Arquivo ******* AndroidManifest.xml *******, acrescentando a

permissão abaixo:
<uses-permission android:name="android.permission.SCHEDULE_EXACT_ALARM" />

/******* Finalmente *******/

Abrir o projeto no Android Studio e emular (Automaticamente será produzido um APK, onde
você poderá levar para o seu smartphone e testar no mesmo)