WPN (Web push notifications)

Abilitazione di WPN

Operatore del servizio

Sottoscrizione e annullamento della sottoscrizione alle notifiche

• Sottoscrizione alle notifiche: è un'implementazione completa e, per impostazione predefinita, l'applicazione fornisce un hook per la sottoscrizione durante il processo di login. Subito dopo il login, l'applicazione effettua una chiamata per sottoscrivere il metodo definito all'interno di src/app/core/services/PushNotificationAbstractService (ad oggi è solo un metodo fittizio). PushNotificationAbstractService deve essere sovrascritto per implementare il metodo di sottoscrizione in modo che gli utenti possano sottoscrivere le notifiche e questa sottoscrizione possa essere resa persistente da qualche parte alla fine del cliente. Lo stesso servizio personalizzato può essere richiamato da qualsiasi punto dell'applicazione per modificare il funzionamento predefinito, che è la sottoscrizione durante il login.
• Annullamento della sottoscrizione alle notifiche: di nuovo, il metodo di annullamento della sottoscrizione fittizio da src/app/core/services/PushNotificationAbstractService viene richiamato durante la disconnessione per il flusso fornito dall'applicazione e deve essere sovrascritto per soddisfare le necessità del cliente. Di base, questo è l'aspetto di un servizio sovrascritto (il servizio sovrascritto deve essere definito in store-extensions-src/app/core/services/
  Nota: si tratta di un'implementazione molto semplice e non desiderabile per l'applicazione di produzione.

import { Injectable, Injector } from '@angular/core';
import { PushNotificationAbstractService } from '@simcore/
services/push-notification-abstract.service';
import { SwPush } from '@angular/service-worker';
import { HttpClient, HttpResponse } from '@angular/common/http';
import { map, take } from 'rxjs/operators';
import { UIUtilsService } from '@sim-core/services/uiutils.
service';
@Injectable({
providedIn: 'root'
})
export class PushNotificationService extends
PushNotificationAbstractService {
readonly VAPID_PUBLIC_KEY = '<vapid key>';
isWPNSubscribed = false;
subsObj = null;
constructor(
protected injector: Injector,
public swPush: SwPush,
private http: HttpClient
) {
super(injector);
if (this.swPush.isEnabled) {
this.swPush.subscription
.pipe(take(1))
.subscribe(pushSubscription => {
if (pushSubscription) {
this.isWPNSubscribed = true;
}
});
}
}
public subscribe({}) {
this.subscribeToNotifications(null);
}
subscribeToNotifications(event) {
if (event) {
event.preventDefault();
}
this.swPush.requestSubscription({
serverPublicKey: this.VAPID_PUBLIC_KEY
})
.then(pushSubscription => {
this.http.post('https://<host-port>/<susbcribe-end-point>',
{'subscription': pushSubscription.toJSON(), 'any-other-data':''});
this.isWPNSubscribed = true;
})
.catch(err => console.error('Could not subscribe to
notifications', err));
}
public unsubscribe({}) {
this.unsubscribeToNotifications(null);
}
unsubscribeToNotifications(event) {
event.preventDefault();
this.swPush.subscription
.pipe(take(1))
.subscribe(pushSubscription => {
pushSubscription.unsubscribe().then(result => {
if (result) {
this.isWPNSubscribed = false;
this.http.post('https://<host-port>/<unsusbcribe-endpoint>',
{'data': 'data'})
} else {
console.log('Could not unsubscribe to notifications');
}
})
.catch(err => console.error('unsubcribe subscription failed',
err));
});
}
}

Richiamo del servizio Push

Il richiamo del servizio push è un'implementazione personalizzata completa e deve essere curato dal cliente. In genere, gli eventi generati in Sterling Store Engagement o IBM® Sterling Order Management System devono essere acquisiti e il servizio push deve essere richiamato con i dati corretti affinché possano essere mostrati all'utente associato.

{
"notification": {
"title": "Notification Title", //mandatory
"body": "Notification Message!",
"data": {
"dateOfArrival": Date.now(),
"primaryKey": 1
}
}
}

Gestione degli eventi push e clic di notifica

this.swPush.messages.subscribe(message => {
console.log('Push message: ', message);
});
this.swPush.notificationClicks.subscribe(notificationMsg => {
console.log('Notification Click: ', notificationMsg);
});

Limitazioni