Configurando a Caixa de Entrada de Mensagens para Cordova

O plugin Pushwoosh para Cordova inclui a Caixa de Entrada de Mensagens (a “Caixa de Entrada do App” com ícone de sino) como parte da mesma dependência pushwoosh-cordova-plugin usada para notificações push. Nenhuma etapa de instalação extra é necessária.

Pré-requisitos

O SDK base do Pushwoosh para Cordova já integrado e enviando pushes.

Mostrar a caixa de entrada

Chame presentInboxUI() no mesmo objeto pushwoosh que você inicializou com cordova.require:

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

pushwoosh.presentInboxUI();

Isso abre uma tela nativa (um view controller no iOS, uma Activity no Android) com a aparência padrão do SDK.

Personalizar o estilo

Passe um objeto de estilo para presentInboxUI(). Cada chave é opcional:

Chave	Personaliza
`dateFormat`	Formatação da data
`defaultImageIcon`	O ícone padrão ao lado de uma mensagem sem imagem
`unreadImage`	A marca de mensagens não lidas (somente iOS)
`listErrorImage`	Exibido quando o carregamento da lista falha
`listEmptyImage`	Exibido quando a lista não tem mensagens
`listErrorMessage`	Texto de erro (não localizado)
`listEmptyMessage`	Texto de lista vazia (não localizado)
`defaultTextColor`	Cor do texto padrão (somente iOS)
`accentColor`	Cor de destaque
`backgroundColor`	Cor de fundo
`highlightColor`	Cor de seleção
`titleColor`	Cor do título da mensagem
`readTitleColor`	Cor do título para mensagens lidas (somente Android)
`descriptionColor`	Cor da descrição da mensagem
`readDescriptionColor`	Cor da descrição para mensagens lidas (somente Android)
`dateColor`	Cor da data da mensagem
`readDateColor`	Cor da data para mensagens lidas (somente Android)
`dividerColor`	Cor do separador
`barTitle`	O título da tela da caixa de entrada
`barBackgroundColor`	A cor de fundo da barra de título
`barAccentColor`	A cor do botão de voltar da barra de título
`barTextColor`	A cor do texto da barra de título

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

Gerenciar mensagens programaticamente

Carregue a lista de mensagens, contagens de leitura e atue em mensagens individuais sem abrir a tela integrada. Isso é útil para uma interface de usuário de caixa de entrada personalizada ou um selo de não lidas:

// Array de objetos InboxNotification
pushwoosh.loadMessages(function(messages) {
    messages.forEach(function(message) {
        console.log(message.title + ": " + message.message);
    });
}, function(error) {
    console.error("Falha ao carregar: " + error);
});

pushwoosh.unreadMessagesCount(function(count) {
    console.log("Mensagens não lidas: " + count);
});

pushwoosh.messagesCount(function(count) { /* total de mensagens */ });
pushwoosh.messagesWithNoActionPerformedCount(function(count) { /* ainda não houve ação */ });

pushwoosh.readMessage(messageCode);
pushwoosh.deleteMessage(messageCode);
pushwoosh.performAction(messageCode); // executa a ação padrão da mensagem, por exemplo, abrir uma URL