ส่งรูปภาพในเพย์โหลดการแจ้งเตือน

FCM HTTP v1 API และ ผู้แต่งการแจ้งเตือน รองรับการส่งลิงก์รูปภาพในเพย์โหลดของการแจ้งเตือนที่แสดง สำหรับการดาวน์โหลดรูปภาพไปยังอุปกรณ์หลังการส่งมอบ รูปภาพสำหรับการแจ้งเตือนจะถูกจำกัดขนาดไว้ที่ 1MB มิฉะนั้นจะถูกจำกัดโดย การสนับสนุนรูปภาพ ดั้งเดิมของ Android

สร้างคำขอส่ง

ในคำขอส่งการแจ้งเตือนของคุณ ให้ตั้งค่าตัวเลือก AndroidConfig ต่อไปนี้:

• notification.image มี URL รูปภาพ

ตัวอย่างต่อไปนี้ส่งคำขอส่งชื่อการแจ้งเตือนทั่วไปไปยังทุกแพลตฟอร์ม แต่ยังส่งรูปภาพด้วย ต่อไปนี้เป็นค่าประมาณของเอฟเฟ็กต์ภาพบนอุปกรณ์ของผู้ใช้:

โหนด 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);
  });

พักผ่อน

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 ตามที่แสดง คำขอส่งนี้จะทำให้ไคลเอ็นต์ที่รับสามารถจัดการรูปภาพที่จัดส่งในเพย์โหลดได้