การตั้งค่า Message Inbox สำหรับ Cordova

ปลั๊กอิน Pushwoosh Cordova มาพร้อมกับ Message Inbox (App Inbox “ไอคอนรูประฆัง”) ซึ่งเป็นส่วนหนึ่งของ dependency เดียวกันกับ pushwoosh-cordova-plugin ที่ใช้สำหรับการแจ้งเตือนแบบพุช ไม่จำเป็นต้องมีขั้นตอนการติดตั้งเพิ่มเติม

ข้อกำหนดเบื้องต้น

SDK พื้นฐานของ Pushwoosh Cordova ได้รับการผสานรวมและสามารถส่งพุชได้แล้ว

แสดงกล่องข้อความ

เรียกใช้ presentInboxUI() บนอ็อบเจกต์ pushwoosh เดียวกันกับที่คุณเริ่มต้นด้วย cordova.require:

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

pushwoosh.presentInboxUI();

คำสั่งนี้จะเปิดหน้าจอเนทีฟ (view controller บน iOS, Activity บน Android) ที่มีลักษณะหน้าตาเริ่มต้นของ SDK

ปรับแต่งสไตล์

ส่งอ็อบเจกต์สไตล์ไปยัง 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: "ยังไม่มีข้อความ"
});

จัดการข้อความผ่านโปรแกรม

โหลดรายการข้อความ, จำนวนที่ยังไม่ได้อ่าน, และดำเนินการกับข้อความแต่ละรายการโดยไม่ต้องเปิดหน้าจอที่มาพร้อมกับ SDK ซึ่งมีประโยชน์สำหรับการสร้าง 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