You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Firebase Storage新增图片时如何通过FCM或token向App发送通知

问题解答

可以实现,直接用FCM自带的设备推送token机制即可满足需求,不需要额外开发自定义token校验体系,具体实现路径如下:

前置准备

  • 移动端App提前集成对应平台的FCM SDK,获取当前设备的唯一FCM推送token,将token与对应用户/设备的绑定关系存储在Firebase Firestore、Realtime Database或你自己的业务数据库中。

触发推送的两种实现方案

方案1:通过Firebase Cloud Functions触发(推荐,安全性更高)

  • 为Firebase Storage配置onObjectFinalized事件触发的云函数,该事件会在文件成功上传到Storage的指定路径后自动触发,无需网页端额外编写推送逻辑,也不会泄露服务端鉴权密钥。
  • 云函数内部先校验上传文件的类型,仅当文件为图片格式时继续后续推送逻辑,排除其他类型文件上传的无效触发。
  • 从存储token的数据库中拉取需要接收通知的目标用户对应的FCM token列表。
  • 调用FCM服务端SDK构造推送内容,可自定义通知标题、展示内容,同时支持将上传成功的图片访问地址作为附加参数塞入通知 payload 中,方便客户端后续跳转使用。
  • 处理推送返回结果,若返回token无效、过期的标识,直接在数据库中删除对应无效token,减少后续无效推送请求。

方案2:网页端上传成功后通过自有后端触发(适合轻量场景)

  • 网页端完成图片上传到Firebase Storage后,拿到图片的公开访问地址,向你的自有后端服务发送上传完成的通知,携带图片地址、目标推送用户标识等必要参数。
  • 后端服务拿到请求后,通过FCM服务账号密钥鉴权,调用FCM HTTP接口,传入目标用户对应的FCM token、通知内容和附加参数完成推送。

注意:严禁将FCM服务账号密钥直接写在前端网页代码中,所有调用FCM接口的逻辑必须放在服务端执行,避免密钥泄露被恶意滥用推送。

客户端接收逻辑

  • App端配置FCM通知接收回调,应用在前台运行时可自定义弹窗/提示逻辑,后台运行时系统会自动在通知栏展示推送内容。
  • 解析通知附带的图片地址参数,用户点击通知时可直接跳转到对应的图片预览页面。

内容的提问来源于stack exchange,提问作者user14015571

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 11:06:04