FCM HTTP v1 API และเครื่องมือแก้ไขการแจ้งเตือนรองรับการส่งลิงก์รูปภาพในเพย์โหลดของการแจ้งเตือนแบบแสดงผลสำหรับการดาวน์โหลดรูปภาพไปยังอุปกรณ์หลังจากการนำส่ง รูปภาพสำหรับการแจ้งเตือนต้องมีขนาดไม่เกิน 1 MB และการรองรับรูปภาพในเครื่องของ Android จะถูกจำกัด
สร้างคําขอส่ง
ในคําขอส่งการแจ้งเตือน ให้ตั้งค่าตัวเลือก AndroidConfig ดังนี้
notification.imageที่มี URL รูปภาพ
ตัวอย่างคำขอส่งต่อไปนี้จะส่งชื่อการแจ้งเตือนทั่วไปไปยังทุกแพลตฟอร์ม แต่ก็จะส่งรูปภาพด้วย ต่อไปนี้คือภาพโดยประมาณของผลลัพธ์ที่มองเห็นได้ในอุปกรณ์ของผู้ใช้
Node.js
const topicName = 'industry-tech';
const message = {
notification: {
title: 'Sparky says hello!'
},
android: {
notification: {
imageUrl: 'https://foo.bar.pizza-monster.png'
}
},
apns: {
payload: {
aps: {
'mutable-content': 1
}
},
fcm_options: {
image: 'https://foo.bar.pizza-monster.png'
}
},
webpush: {
headers: {
image: 'https://foo.bar.pizza-monster.png'
}
},
topic: topicName,
};
getMessaging().send(message)
.then((response) => {
// Response is a message ID string.
console.log('Successfully sent message:', response);
})
.catch((error) => {
console.log('Error sending message:', error);
});
REST
POST https://fcm.googleapis.com/v1/projects/myproject-b5ae1/messages:send HTTP/1.1
Content-Type: application/json
Authorization: Bearer ya29.ElqKBGN2Ri_Uz...HnS_uNreA
{
"message":{
"topic":"industry-tech",
"notification":{
"title":"Sparky says hello!",
},
"android":{
"notification":{
"image":"https://foo.bar/pizza-monster.png"
}
},
"apns":{
"payload":{
"aps":{
"mutable-content":1
}
},
"fcm_options": {
"image":"https://foo.bar/pizza-monster.png"
}
},
"webpush":{
"headers":{
"image":"https://foo.bar/pizza-monster.png"
}
}
}
}
ดูรายละเอียดทั้งหมดเกี่ยวกับคีย์ที่มีในบล็อกเฉพาะแพลตฟอร์มในเนื้อหาข้อความได้ในเอกสารอ้างอิง HTTP v1
เมื่อตั้งค่า notification ตามที่แสดงไว้ คําขอส่งนี้จะช่วยให้ไคลเอ็นต์ฝั่งที่รับสามารถจัดการรูปภาพที่ส่งในเพย์โหลดได้