Gửi hình ảnh trong phần tải thông báo

API FCM HTTP v1 và Trình soạn thảo thông báo hỗ trợ gửi liên kết hình ảnh trong tải trọng của thông báo hiển thị để tải hình ảnh xuống thiết bị sau khi gửi. Hình ảnh cho thông báo có kích thước giới hạn ở 1MB và bị hạn chế bởi hỗ trợ hình ảnh gốc của Android.

Xây dựng yêu cầu gửi

Trong yêu cầu gửi thông báo của bạn, hãy đặt tùy chọn AndroidConfig sau:

  • notification.image chứa URL hình ảnh

Yêu cầu gửi ví dụ sau sẽ gửi tiêu đề thông báo chung tới tất cả các nền tảng, nhưng nó cũng gửi một hình ảnh. Dưới đây là hiệu ứng hình ảnh gần đúng trên thiết bị của người dùng:

Vẽ hình ảnh đơn giản trong thông báo hiển thị

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);
  });

NGHỈ NGƠI

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"
       }
     }
   }
 }

Xem tài liệu tham khảo HTTP v1 để biết chi tiết đầy đủ về các khóa có sẵn trong các khối dành riêng cho nền tảng trong nội dung thư.

Với notification được đặt như hiển thị, yêu cầu gửi này cho phép ứng dụng khách nhận xử lý hình ảnh được phân phối trong tải trọng.