如何使用Firebase Cloud Messaging发送图像，并使用数据有效负载发送通知
Firebase Cloud Messaging（FCM）是一种跨平台的消息传递服务，可用于向移动设备、Web应用程序和服务器发送实时通知和消息。要使用FCM发送图像并使用数据有效负载发送通知，可以按照以下步骤进行操作：
- 集成Firebase：首先，您需要在应用程序中集成Firebase。在Firebase控制台中创建一个项目，并按照指南将Firebase SDK添加到您的应用程序中。
- 配置FCM：在Firebase控制台中，转到“Cloud Messaging”部分，并获取您的应用程序的服务器密钥和发送者ID。这些将用于身份验证和发送通知。
- 上传图像：将要发送的图像上传到您的服务器或云存储服务，并获取图像的URL。
- 发送通知：使用您选择的后端语言（如Node.js、Java等）编写一个服务器端代码，以便通过FCM发送通知。在通知的数据有效负载中，包括图像的URL和其他相关信息。
- 客户端接收通知：在您的移动应用程序中，使用适当的平台（如Android、iOS）的FCM SDK接收通知。当接收到通知时，您可以从数据有效负载中提取图像URL，并使用该URL加载和显示图像。
以下是一些腾讯云相关产品和产品介绍链接地址，可用于实现上述步骤中的不同功能：
- 腾讯云移动推送：用于向移动设备发送实时通知和消息。 产品介绍链接：https://cloud.tencent.com/product/tpns
- 腾讯云对象存储（COS）：用于上传和存储图像文件。 产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：用于编写和部署服务器端代码，以发送通知。 产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上仅是腾讯云的一些产品示例，您可以根据自己的需求选择适合的产品和服务。同时，还可以参考Firebase官方文档和腾讯云的开发者文档，以获取更详细的指南和示例代码。
相关·内容
尝试使用Firebase Cloud Messaging将图像发送到an，但Firebase文档中的有效负载不起作用。 Firebase文档：https://firebase.google.com/docs/cloud-messaging/ios/send-image ## Request
curl -X "POST" "https://fcm.googleapis.com/fcm/send" \
-H 'Content-Type: application/json' \
-H 'Authorization: key
浏览 15提问于2021-01-31得票数 1
1回答
我正在ios应用程序中使用Firebase Cloud Messaging (FCM)。我现在正在尝试使用以下方法获取一个data message without notification
application(_:didReceiveRemoteNotification:)
我可以使用发送数据消息吗？我已经尝试从这个网站发送数据消息，但没有任何反应，而通知工作正常。
用于数据消息的JSON
{
"message":{
"token":"mytoken comes here",
"data":{
浏览 1提问于2018-11-08得票数 1
我把这个发给Firebase：
{
"to" : "/topics/12344",
"priority" : "high",
"data" : {
"c" : "sometext",
"t" : "someothertext"
},
}
在Android上，我可以使用访问其对象的“数据”有效负载创建自定义通知。我不必发送消息标题和正文，因为我创建自定义文本。即使应用程序已经关闭，这也是可行的。
浏览 6提问于2017-09-07得票数 0
2回答
我正在通过GCM (Google Cloud Messaging)发送以下JSON，但我无法通过客户端获得正确的响应数据。我得到了一个推送通知响应，但标题是应用程序的名称，文本是："message“，所以我无法正确显示通知。
这是我尝试发送的JSON：
{
"to": "somekey",
"notification": {
"body":"Test",
"title":"Test"
},
"data": nul
浏览 0提问于2015-07-21得票数 1
1回答
我尝试了一个示例代码来测试使用Firebase的推送通知系统，除了一件事外，它运行得很好。
如果我尝试使用设备令牌从Firebase控制台发送通知，通知将显示在设备中。
如果我尝试使用主题topik从Firebase控制台发送通知，所有通知都会显示在所有设备中。
如果我试图使用设备令牌从我的网页或发送通知，通知将显示在设备中。
如果我试图从我的网页或发送通知，使用我的主题topik，NOTHING 。
这是一个示例调用：
link: https://fcm.googleapis.com/fcm/send
POST method
Header field:
Conten
浏览 3提问于2016-12-12得票数 2
我已经按照Firebase控制台中提供的指令创建了一个示例ios应用程序，用于在ios设备上接收云消息。通知消息从控制台发送，并打印在应用程序控制台上。但是，即使在给予必要的许可之后，也不会在设备上接收推送通知。
我使用的是斯威夫特3和xCode版本10.3。将应用程序注册到Firebase控制台，并通过该应用程序接收所需的FCM令牌，并添加以向设备发送测试消息。尝试通过控制台发送大量消息，但没有在设备上显示。它显示消息正在成功地在控制台上发送。
下面是我为接收推送通知而编写的AppDelegate.swift文件。
import UIKit
import UserNotifications
浏览 1提问于2019-08-15得票数 0
回答已采纳
2回答
我正在使用Firebase Cloud Messaging向我的应用程序发送带有数据负载的通知。
当我发送通知时，如果我的应用程序正在运行(前台)，我会从FirebaseMessagingService类获得覆盖onMessageReceived()的数据。
如果我的应用程序没有运行，通知会被发送到“系统托盘”，当用户点击通知中的通知时，我的应用程序就会启动，我就可以获得带有意图的getExtras的数据。
但是，如果用户忽略“系统托盘”中的通知，我如何获取数据？
我需要编写一些后台服务来“监听”通知才能得到它？
浏览 0提问于2016-07-13得票数 1
每次创建孩子但没有成功时，我都会尝试发送推送通知。我正在创建一个具有2个令牌名称的子代，并尝试向这些令牌发送通知。从我正在使用的手机中获取令牌
new FirebaseMessaging().getToken()。
下面是firebase函数代码`
// // Create and Deploy Your First Cloud Functions
// // https://firebase.google.com/docs/functions/write-firebase-functions
//
// exports.helloWorld = functions.https.onReque
浏览 1提问于2020-06-05得票数 0
1回答
我正在使用firebase web推送通知API并发送带有我希望在客户端显示的消息的post请求和/或从firebase notifications发送消息，该消息正在成功发送，但未被接收，如何修复此问题？
这就是我得到的回应
{
"multicast_id": 6360733777037549929,
"success": 1,
"failure": 0,
"canonical_ids": 0,
"results": [
{
"
浏览 3提问于2020-06-21得票数 2
回答已采纳
3回答
使用Firebase Cloud Messaging在后台接收通知时，是否可以使Android设备振动？在上，我看到并测试了声音支持，但没有关于振动的信息。或者，有没有可能为这个通知提供一个自定义的实现，让我直接设置振动？
浏览 4提问于2016-07-19得票数 15
回答已采纳
我已经通过Firebase Cloud Messaging集成了普通的基于文本的推送通知。推送是通过FCM服务器发送的，它工作正常。 但我被困在基于媒体的推送通知上，包括图像和基于媒体的通知。我也用postman控制台进行了测试，格式如下： 使用服务api。 URL: https://fcm.googleapis.com/fcm/send
Method Type: POST
Headers:
Content-Type: application/json
Authorization: key=your api key
Body/Payload:
{ "notification&
浏览 27提问于2019-02-05得票数 2
1回答
我终于快到终点了。我可以通过Firebase发送和接收推送通知。但是消息只在控制台日志中可见(应该是很好的通知对话框)。
控制台日志中的消息：
onMessage:
{data: {…}, from: "493.......061", collapse_key: "do_not_collapse"}
collapse_key
:
"do_not_collapse"
data
:
{title: "My title", body: "Message Body here", status: "Message
浏览 0提问于2018-03-12得票数 0
2回答
我使用Flutter的firebase_messaging包发送推送通知，并在firebase控制台中发送它们。当应用程序在后台或关闭时，我会收到通知，然而，当应用程序在前台时，它就不工作了。如果我需要集成Javascript来使此功能工作，请告诉我，并请参考我可以使用的资源，以便弄清楚如何将Javascript与fcm集成，因为我还没有找到使用flutter实现这一点的方法。
浏览 5提问于2018-08-04得票数 6
回答已采纳
我正在集成FCM，用于管理iOS和安卓移动应用程序的通知。对于iOS，一切都运行良好:后台/前台服务器/控制台消息。
对于Android来说，我不可能让它顺利运行。
使用控制台或发送服务器通知
当我发送一个通知，应用程序在后台时，通知中心总是显示一个灰色方块，而不是在Manifest或有效载荷中定义的图标。状态栏中的图标，在展开通知中心之前是正确的。
我尝试使用相同的结果指定全局轮询@ just / resource_name或仅指定resource_name。
2-当应用程序处于前台时，一切都运行良好，但当应用程序处于后台时，onMessageReceived()从未被触发，因此在通知中心自
浏览 5提问于2017-04-07得票数 3
回答已采纳
2回答
我将FCM插件与Firebase Cloud Messaging一起使用。通过对云函数进行http调用来发送通知，使用设备令牌从云函数发送通知。 云函数如下所示： let payload = {
notification: {
title: 'Pedido completado',
body: 'Gracias por usar nuestro servicio!',
sound: 'boop.mp3',
浏览 19提问于2019-12-26得票数 1
我收到Android Firebase Cloud Messaging标准推送通知。我可以使用这个meta-data标签将它们添加到一个频道中：
<meta-data
android:name="com.google.firebase.messaging.default_notification_channel_id"
android:value="foo" />
但是，如果有不止一个，我如何总结它们呢？通过添加Notification Group，在代码中很容易做到这一点。是否也有一个用于添加组的m
浏览 1提问于2020-11-23得票数 0
2回答
在iOS模拟器上测试流控模块通知
、、、、
从Xcode11开始，iOS模拟器现在可以接收推送通知。这可以通过执行特定命令或向模拟器提供JSON文件来完成。我从这个博客上获得了这个信息：。
然而，在我的用例中，我使用Firebase Cloud Messaging向我的应用程序(安卓和iOS )的用户发送通知。我无法在模拟器上测试Firebase生成的通知，因为FCM的有效负载不同。
有没有办法做到这一点？
我找到了一个关于这个话题的，但到目前为止还没有答案。
浏览 2提问于2020-09-18得票数 5
我试图使用iOS向Firebase中的某个主题发送node.js推送通知。我跟踪了，但不知道为什么通知没有发送到订阅该主题的设备。我能够从控制台发送主题消息，listenForNotificationRequests()正在成功地移除notificationRequest子级。
以下是Firebase中通知请求的结构：
下面是删除键/urls的node.js代码：
var firebase = require('firebase-admin');
var request = require('request');
var API_KEY = "
浏览 2提问于2017-04-03得票数 3
回答已采纳
1回答
情况是这样的:我有一个防火墙云函数，它运行在对某个数据库集合的每次写入上(称为“干扰室”)。NodeJS脚本如下：
const functions = require('firebase-functions');
// The Firebase Admin SDK to access the Firebase Realtime Database.
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.newJamro
浏览 1提问于2017-11-14得票数 0
回答已采纳
我正在部署一个移动应用程序(用于安卓和iOS)，管理员可以通过它向注册到特定主题的用户发送警报。为此，我使用实时数据库存储警报，并使用云函数向topic发送通知。
我已经部署了以下云函数：
const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.sendNewAlertNotification = functions.da
浏览 0提问于2017-11-19得票数 0
2回答
我有一个简短的问题。我想从一个云函数发送一个自定义的值，该函数侦听Firebase数据库中的onWrite事件。我的云函数代码：
const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.pushNotification = functions.database.ref('/chats/notifications/{p
浏览 1提问于2017-07-25得票数 4
回答已采纳
我真的不知道这些东西是怎么回事。我是使用FCM网络推送正常为我的网站。如果我在前台，我可以在网站上收到消息，如果我在后台，我可以收到通知。到目前一切尚好。
importScripts('https://www.gstatic.com/firebasejs/8.2.5/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/8.2.5/firebase-messaging.js');
firebase.initializeApp({
...
});
const messagi
浏览 17提问于2021-03-18得票数 12
回答已采纳
我需要帮助在颤动中通知。我已经在flutter应用程序中配置了firebase_messaging。当我从firebase控制台发送测试通知时，它们在前台和后台都可以工作。当我从后端rest api服务发送通知时，它们只在前台工作，即在这种情况下只触发onMessage。
来自REST API的通知正文示例：
{notification: {title: null, body: null}, data: {intent: payment, body: 2500 shillings payment made, title: You have paid, click_action: FLUTTER
浏览 5提问于2020-11-17得票数 0
2回答
FCM云消息与通知和消息的区别
、、、、
我实现了我的后端服务(使用java和FCM)来向移动应用发送推送通知。 我使用Java Firebase Admin-SDK (https://firebase.google.com/docs/reference/admin/java/reference/com/google/firebase/messaging/package-summary和https://firebase.google.com/docs/cloud-messaging/send-message#java)实现了我的服务，我可以在iOS和安卓移动应用程序上发送(和接收)推送通知。 现在我收到一个来自移动开发者的请求，他们
浏览 25提问于2021-01-22得票数 0
我无法在flutter中发送图片作为推送通知
我正在使用firebase_messaging包。可以使用flutter来完成吗
浏览 1提问于2018-05-04得票数 4
1回答
我正在尝试编写一个通过Firebase Cloud Messaging接收通知的应用程序。当我尝试通过Firebase控制台发送消息时，它最初是有效的，但当我尝试使用PHP webservice发送消息时，作为响应，它显示成功，但我既没有收到消息，也无法通过Firebase控制台获得更多通知。我该如何解决这个问题呢？
我在服务器端的代码：
<?php
function send_notification ($tokens, $message)
{
$url = 'https://fcm.googleapis.com/fcm/send';
浏览 0提问于2018-05-08得票数 2
来自的Firebase消息传递文档
可以通过使用数据和/或通知键创建对象来指定一种或两种消息类型。
文档给出了合并消息的示例：
var payload = {
notification: {
title: "$GOOG up 1.43% on the day",
body: "$GOOG gained 11.80 points to close at 835.67, up 1.43% on the day."
},
data: {
stock: "GOOG",
open: 829.62,
浏览 1提问于2017-07-26得票数 3
回答已采纳
我想在我的iOS应用程序中实现远程通知。服务器端使用Firebase Cloud Messaging发送通知。是否必须在iOS客户端应用程序中使用Firebase Cloud Messaging来接收远程通知？
浏览 7提问于2018-08-11得票数 0
我正在使用Angular Firebase进行推送通知。前台消息一切正常，但当我在firebasw-messaging-sw.js文件中添加一个'setBackgroundMessageHandler‘调用来处理后台消息时，它被触发了，但我不确定如何从那里发送通知或将其转换为前台消息。
messaging.setBackgroundMessageHandler(function (payload) {
console.log('[firebase-messaging-sw.js] Received background message ', payload);
浏览 2提问于2020-10-01得票数 3
使用firebase向android设备发送推送通知。
<service
android:name=".util.MyFirebaseMessagingService"
android:exported="false">
<intent-filter>
<action android:name="com.google.firebase.MESSAGING_EVENT" />
</intent-filter>
</service>
浏览 5提问于2019-12-20得票数 1
回答已采纳
1回答
我正在尝试构建一个Firebase云函数来发送通知。我可以使用FCM令牌通过控制台将通知直接发送到iOS设备，我的iOS设备将显示通知。但是，即使FCM令牌相同并且send(消息)调用成功，设备也无法使用下面的云函数接收通知。我是不是遗漏了什么？
const admin = require('firebase-admin');
const functions = require('firebase-functions');
admin.initializeApp(functions.config().firebase);
var db = admin.fir
浏览 13提问于2018-12-15得票数 1
回答已采纳
是否可以使用Firebase Firestore实施APNS？
我已经设法通过Firebase Cloud Messaging从web控制台向设备发送推送通知，但我的应用程序需要在数据库中有更改的推送通知，例如当用户收到一个赞或好友请求时。
有什么变通方法吗？
谢谢你给我指明了正确的方向。
浏览 49提问于2018-05-16得票数 4
回答已采纳
FCM服务：
public class FCMService extends FirebaseMessagingService {
@Override
public void onMessageReceived(RemoteMessage remoteMessage) {
Log.i(Constants.TAG,"onMessageReceived");
Log.i(Constants.TAG, "From: " + remoteMessage.getFrom());
if (remot
浏览 3提问于2017-08-14得票数 13
回答已采纳
在阅读中关于云消息的firebase文档时，我在android设备上获取数据消息时遇到了问题。
var payload = {
notification: {
title: "Test",
body: "Test body"
},
data: {
score: "850",
close: "635.67"
}
};
我希望在安卓设备的'onMessageReceived‘处获得数据字段，但我只收到一条通知消息。我尝试点击
浏览 4提问于2017-04-23得票数 0
尝试使用FCM实现web推送通知。
我可以使用firebase云消息库在浏览器上接收有效负载的推送消息。
下面是一段javascript代码片段。
<script src="https://www.gstatic.com/firebasejs/3.5.1/firebase.js"> </script>
firebase.initializeApp(config);
const messaging = firebase.messaging();
messaging.onMessage(function(payload){
console.log(
浏览 1提问于2016-10-27得票数 8
回答已采纳
我正在尝试通过Firebase消息向我的iOS应用程序实现推送通知。我可以完美地设置firebase控制台和APN，我可以在我的设备中获得通过Firebase控制台发送的通知。
但是，当我收到通知时，它只显示警告，没有声音，警徽中没有编号，尽管我已经声明了UNAuthorizationOptions = [.alert, .badge, .sound]是我在应用程序委托中使用的代码。
import UIKit
import Firebase
import UserNotifications
@UIApplicationMain
class AppDelegate: UIResponder,
浏览 0提问于2018-03-10得票数 4
回答已采纳
你好，这是我调用一个Firebase函数，如果应用程序关闭或在后台，我会得到一个推送通知，但在这个通知上是额外的数据，请参阅JS脚本。我的问题是，我想在Usersdefault中写入这些数据，但没有调用任何方法？！我也不知道为什么。如果这个应用程序在前台，一切都可以正常工作。在Plist中，我添加了"FirebaseAppDelegateProxyEnabled“= NO JS函数：
let title = "Test";
let body = "TestBody";
const message = {
not
浏览 16提问于2021-03-01得票数 0
我曾尝试使用FCM ()进行网页推送通知。当web应用程序选项卡处于焦点位置时，我成功地收到了一条消息。
但当我关闭选项卡时，它应该调用服务工作者(在FCM示例中是firebase-messaging-sw.js )。但它根本没有调用setBackgroundMessageHandler。
const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
console.log('[firebase-messaging-sw.js] Received b
浏览 28提问于2017-02-17得票数 1
https://blog.logrocket.com/flutter-push-notifications-with-firebase-cloud-messaging/ // For handling the received notifications
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
// Parse the message received
PushNotification notification = PushNotification(
title: message.notific
浏览 39提问于2021-06-29得票数 1
回答已采纳
2回答
我想用Firebase Cloud Messaging向世博会中的特定用户发送推送通知，但世博会不支持firebase！你能帮帮我吗！
浏览 16提问于2020-01-14得票数 2
是否有可能找到来自客户端的推送通知？我在网上搜索了唯一的例子，我找到的文档严格地与Firebase Cloud Functions的使用和或使用Firebase Console有关。
我想知道是否可以使用客户端的Firebase Cloud Messaging创建和发送通知。
浏览 4提问于2021-04-02得票数 0
回答已采纳
1回答
FCM (Firebase Cloud messages )中有两种类型的消息：
显示消息:这些消息只在应用程序处于前台时才触发onMessageReceived()回调
数据消息:这些消息会触发onMessageReceived()回调，即使您的应用程序位于前台/后台/被杀死
当在前台收到通知时，我可以在通知按钮上打开特定的活动，但是当在后台中收到通知时，我无法处理通知按钮(它会自动启动主活动)
我搜索了一下，发现：
我在通知活动中添加了以下意图过滤器：
<activity android:name="com.mahdi.tiger.alahedclubnewtesting.a
浏览 1提问于2017-06-01得票数 1
我正在开发带有防火墙云消息的android应用程序。我的应用程序可以从FCM控制台接收消息。但是，它不能从python接收，尽管响应很好。你能给我一些建议吗？
class fbMessaging():
def __init__(self):
cred = credentials.Certificate('./env/firebase.json')
firebase_admin.initialize_app(cred)
def send_to_device(self, text, token):
message =
浏览 2提问于2019-04-03得票数 6
回答已采纳
我正在测试Firebase消息传递功能，在我的React应用程序中，该应用程序是用创建-反应-应用程序引导的。请注意，我已经正确地将防火墙(包括服务器端的admin )和我的客户端部署在https上了。到目前为止我所做的是：
在firebase.js中初始化防火墙消息传递，并请求通知权限并侦听onMessage事件
const messaging = firebase.messaging();
messaging
.requestPermission()
.then(() => {
console.log("Permission granted!
浏览 0提问于2019-04-07得票数 5
我有聊天应用与防火墙数据库和firebase云消息传递。我可以通过控制台发送防火墙通知，但在实际情况下，它应该是自动的。为了进行自动通知，我的朋友为我编写了Index.js (添加在云函数中)文件，但它没有发送通知。
根据我们的逻辑函数，只要有任何新条目(在任何节点或任何房间)，就应该触发这些值，并通过firebase函数获取这些值，并向FCM服务器发出post请求，向接收设备发出通知(从token_To中获取接收设备的值)。
消息
Message_From
时间
类型
token_To
Index.js
var functions = require(&
浏览 1提问于2017-12-20得票数 7
1回答
我正在开发一个Swift iOS 14应用程序，它可以发送和接收来自Firebase消息传递的推送通知。
从FCM中，我发送了一条包含有效负载的消息，该消息必须由应用程序处理，使用有效负载数据更新内部SQLite数据库，以便以后在视图中显示项。
当应用程序在前台时，我收到didReceiveRemoteNotification方法中的通知并更新数据库，但是当应用程序处于后台或终止时，收到通知，但没有调用任何方法来处理有效负载和更新de数据库。
我读过很多关于这个问题的话题，但没有一个能找到解决的办法。
目前，我不想使用外部数据库插入数据，然后读取外部数据库，但是如果没有其他选项，我将更改应用程
浏览 3提问于2020-10-24得票数 1
回答已采纳
我试图从Node.js服务器向ios应用程序发送通知。如果我从Firebase控制台发送通知，它似乎可以工作，但如果使用firebase-admin从我的node.js服务器尝试，则无法工作。
我学习了的教程。
我不明白的一件事是，发送通知后的响应似乎有效。我的反应很低。
{
"results": [
{
"messageId": "0:1511109840587284%a63b4c28f9fd7ecd"
}
],
"canonicalRegistration
浏览 6提问于2017-11-19得票数 8
回答已采纳
如何使用Xamarin和Firebase Cloud Messaging向web视图应用程序发送推送通知？
浏览 21提问于2020-08-06得票数 0
我遵循这篇文档在我的Angular web应用程序上实现了FCM。当我发送通知时，当应用程序处于非活动状态时，它会成功接收到通知。(接收后台通知)。但如果应用程序处于活动状态，我就不会收到通知。 遵循以下步骤：https://dev.to/mayurkadampro/angular-8-firebase-cloud-messaging-push-notifications-97a 基本上，当有新消息时不会触发 this.angularFireMessaging.messages.subscribe(
(payload) => {
console.log("new mes
浏览 108提问于2020-02-02得票数 7
我已经从'com.google.firebase:firebase-messaging:10.2.4‘更新到了'10.2.6'，因为当我的应用程序处于后台时，所有的通知推送都会收到，所以不要在onMessageReceived().中捕获
在官方文档()上，我没有看到有关这方面的信息。
Ps:在10.2.4，所有的工作都很完美。
你能帮个忙吗？
浏览 4提问于2017-06-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
