Cordova용 메시지 인박스 설정

Pushwoosh Cordova 플러그인은 푸시 알림에 사용되는 것과 동일한 pushwoosh-cordova-plugin 종속성의 일부로 메시지 인박스(“종 모양 아이콘” 앱 인박스)를 제공합니다. 추가 설치 단계는 필요하지 않습니다.

전제 조건

기본 Pushwoosh Cordova SDK가 이미 통합되어 푸시를 보내고 있어야 합니다.

인박스 표시하기

cordova.require로 초기화한 것과 동일한 pushwoosh 객체에서 presentInboxUI()를 호출합니다:

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

pushwoosh.presentInboxUI();

이렇게 하면 SDK의 기본 모양을 가진 네이티브 화면(iOS에서는 뷰 컨트롤러, Android에서는 액티비티)이 열립니다.

스타일 사용자 정의하기

presentInboxUI()에 스타일 객체를 전달합니다. 모든 키는 선택 사항입니다:

키	사용자 정의 항목
`dateFormat`	날짜 형식
`defaultImageIcon`	이미지가 없는 메시지 옆의 기본 아이콘
`unreadImage`	읽지 않은 메시지 표시 (iOS 전용)
`listErrorImage`	목록 로딩 실패 시 표시
`listEmptyImage`	목록에 메시지가 없을 때 표시
`listErrorMessage`	오류 텍스트 (현지화되지 않음)
`listEmptyMessage`	빈 목록 텍스트 (현지화되지 않음)
`defaultTextColor`	기본 텍스트 색상 (iOS 전용)
`accentColor`	강조 색상
`backgroundColor`	배경 색상
`highlightColor`	선택 색상
`titleColor`	메시지 제목 색상
`readTitleColor`	읽은 메시지의 제목 색상 (Android 전용)
`descriptionColor`	메시지 설명 색상
`readDescriptionColor`	읽은 메시지의 설명 색상 (Android 전용)
`dateColor`	메시지 날짜 색상
`readDateColor`	읽은 메시지의 날짜 색상 (Android 전용)
`dividerColor`	구분선 색상
`barTitle`	인박스 화면의 제목
`barBackgroundColor`	제목 표시줄의 배경 색상
`barAccentColor`	제목 표시줄의 뒤로가기 버튼 색상
`barTextColor`	제목 표시줄의 텍스트 색상

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

프로그래밍 방식으로 메시지 관리하기

내장된 화면을 열지 않고 메시지 목록을 로드하고, 읽은 횟수를 확인하고, 개별 메시지에 대한 작업을 수행합니다. 이는 사용자 정의 인박스 UI나 읽지 않음 배지에 유용합니다:

// InboxNotification 객체의 배열
pushwoosh.loadMessages(function(messages) {
    messages.forEach(function(message) {
        console.log(message.title + ": " + message.message);
    });
}, function(error) {
    console.error("Failed to load: " + error);
});

pushwoosh.unreadMessagesCount(function(count) {
    console.log("Unread messages: " + count);
});

pushwoosh.messagesCount(function(count) { /* 총 메시지 수 */ });
pushwoosh.messagesWithNoActionPerformedCount(function(count) { /* 아직 작업이 수행되지 않은 메시지 수 */ });

pushwoosh.readMessage(messageCode);
pushwoosh.deleteMessage(messageCode);
pushwoosh.performAction(messageCode); // 메시지의 기본 작업(예: URL 열기)을 실행합니다