local notification code example
Example 1: browser local notification
var $status = document.getElementById('status');
if ('Notification' in window) {
$status.innerText = Notification.permission;
}
function requestPermission() {
if (!('Notification' in window)) {
alert('Notification API not supported!');
return;
}
Notification.requestPermission(function (result) {
$status.innerText = result;
});
}
function nonPersistentNotification() {
if (!('Notification' in window)) {
alert('Notification API not supported!');
return;
}
try {
var notification = new Notification("Hi there - non-persistent!");
} catch (err) {
alert('Notification API error: ' + err);
}
}
function persistentNotification() {
if (!('Notification' in window) || !('ServiceWorkerRegistration' in window)) {
alert('Persistent Notification API not supported!');
return;
}
try {
navigator.serviceWorker.getRegistration()
.then((reg) => reg.showNotification("Hi there - persistent!"))
.catch((err) => alert('Service Worker registration error: ' + err));
} catch (err) {
alert('Notification API error: ' + err);
}
}
Example 2: how to set notification in ionic app
import { LocalNotifications } from '@ionic-native/local-notifications/ngx';
constructor(private localNotifications: LocalNotifications) { }
...
this.localNotifications.schedule({
id: 1,
text: 'Single ILocalNotification',
sound: isAndroid? 'file://sound.mp3': 'file://beep.caf',
data: { secret: key }
});
this.localNotifications.schedule([{
id: 1,
text: 'Multi ILocalNotification 1',
sound: isAndroid ? 'file://sound.mp3': 'file://beep.caf',
data: { secret:key }
},{
id: 2,
title: 'Local ILocalNotification Example',
text: 'Multi ILocalNotification 2',
icon: 'http://example.com/icon.png'
}]);
this.localNotifications.schedule({
text: 'Delayed ILocalNotification',
trigger: {at: new Date(new Date().getTime() + 3600)},
led: 'FF0000',
sound: null
});