Einrichten der Message Inbox für Cordova

Das Pushwoosh-Cordova-Plugin liefert die Message Inbox (die „Glockensymbol“-App-Inbox) als Teil derselben pushwoosh-cordova-plugin-Abhängigkeit, die auch für Push-Benachrichtigungen verwendet wird. Es ist kein zusätzlicher Installationsschritt erforderlich.

Voraussetzungen

Das Basis-Pushwoosh-Cordova-SDK ist bereits integriert und sendet Pushes.

Die Inbox anzeigen

Rufen Sie presentInboxUI() auf demselben pushwoosh-Objekt auf, das Sie mit cordova.require initialisiert haben:

var pushwoosh = cordova.require("pushwoosh-cordova-plugin.PushNotification");

pushwoosh.presentInboxUI();

Dies öffnet einen nativen Bildschirm (einen View Controller unter iOS, eine Activity unter Android) mit dem Standardaussehen des SDKs.

Den Stil anpassen

Übergeben Sie ein Stilobjekt an presentInboxUI(). Jeder Schlüssel ist optional:

Schlüssel	Passt an
`dateFormat`	Datumsformatierung
`defaultImageIcon`	Das Standard-Icon neben einer Nachricht ohne Bild
`unreadImage`	Die Markierung für ungelesene Nachrichten (nur iOS)
`listErrorImage`	Wird angezeigt, wenn das Laden der Liste fehlschlägt
`listEmptyImage`	Wird angezeigt, wenn die Liste keine Nachrichten enthält
`listErrorMessage`	Fehlertext (nicht lokalisiert)
`listEmptyMessage`	Text für leere Liste (nicht lokalisiert)
`defaultTextColor`	Standardtextfarbe (nur iOS)
`accentColor`	Akzentfarbe
`backgroundColor`	Hintergrundfarbe
`highlightColor`	Auswahlfarbe
`titleColor`	Farbe des Nachrichtentitels
`readTitleColor`	Titelfarbe für gelesene Nachrichten (nur Android)
`descriptionColor`	Farbe der Nachrichtenbeschreibung
`readDescriptionColor`	Beschreibungsfarbe für gelesene Nachrichten (nur Android)
`dateColor`	Farbe des Nachrichtendatums
`readDateColor`	Datumsfarbe für gelesene Nachrichten (nur Android)
`dividerColor`	Trennlinienfarbe
`barTitle`	Der Titel des Inbox-Bildschirms
`barBackgroundColor`	Die Hintergrundfarbe der Titelleiste
`barAccentColor`	Die Farbe des Zurück-Buttons der Titelleiste
`barTextColor`	Die Textfarbe der Titelleiste

pushwoosh.presentInboxUI({
    dateFormat: "dd.MM.yyyy",
    accentColor: "#3498db",
    backgroundColor: "#ffffff",
    titleColor: "#333333",
    descriptionColor: "#666666",
    listEmptyMessage: "Noch keine Nachrichten"
});

Nachrichten programmatisch verwalten

Laden Sie die Nachrichtenliste, die Anzahl der gelesenen Nachrichten und reagieren Sie auf einzelne Nachrichten, ohne den integrierten Bildschirm zu öffnen. Dies ist nützlich für eine benutzerdefinierte Inbox-Benutzeroberfläche oder ein Ungelesen-Abzeichen:

// Array von InboxNotification-Objekten
pushwoosh.loadMessages(function(messages) {
    messages.forEach(function(message) {
        console.log(message.title + ": " + message.message);
    });
}, function(error) {
    console.error("Laden fehlgeschlagen: " + error);
});

pushwoosh.unreadMessagesCount(function(count) {
    console.log("Ungelesene Nachrichten: " + count);
});

pushwoosh.messagesCount(function(count) { /* Gesamtzahl der Nachrichten */ });
pushwoosh.messagesWithNoActionPerformedCount(function(count) { /* noch keine Aktion ausgeführt */ });

pushwoosh.readMessage(messageCode);
pushwoosh.deleteMessage(messageCode);
pushwoosh.performAction(messageCode); // führt die Standardaktion der Nachricht aus, z. B. das Öffnen einer URL