搭配Firebase Resize Images扩展，Firestore存储图片路径的最优方案？

我使用Firebase Firestore存储用户缩略图路径，Firebase Storage存储对应图片文件，近期开始使用Firebase的Resize Images扩展。目前有两种实现方案，但各存在缺陷：

方案1：存储完整下载URL到Firestore #

Firestore数据结构如下：

users
  userId
    name : "John"
    imageUrl : "https://firebasestorage.googleapis.com/{bucket}/{uuid}.jpg?alt=media&token={token}"

• 优点：直接通过URL加载图片，操作便捷
• 缺点：无法适配Resize Images扩展——该扩展会在Storage中生成缩小版图片，但需要新的访问token，原URL无法复用

方案2：仅存储文件名和扩展名到Firestore #

Firestore数据结构如下：

users
  userId
    name : "John"
    imageName : "{uuid}"
    ext: "jpeg"

使用时需拼接路径获取下载URL，代码示例（Flutter）：

final storageRef = FirebaseStorage.instance.ref();
final imageRef = storageRef.child("users").child("${imageName}.${ext}");
final url = await imageRef.getDownloadURL();
// 利用url渲染图片组件

• 优点：便于为缩放后的图片添加_200x200这类后缀，且通过Storage鉴权，安全性更高
• 缺点：获取URL需要异步等待，影响用户体验

请问是否存在能规避上述两种方案缺陷的最优解决方案？

可以结合两种方案的优势，同时规避缺陷，推荐以下几种实用思路：

思路1：自动同步缩放图片URL到Firestore #

1. 配置Resize Images扩展时，设置触发路径为用户图片的上传目录（比如users/{userId}/*），并利用扩展的内置功能或Cloud Function监听缩放图片的生成事件。
2. 在用户文档中预留不同尺寸图片的字段（比如imageUrl_200x200、imageUrl_400x400），当扩展生成对应尺寸的图片后，自动将其签名URL写入Firestore的对应字段。
   • 签名URL可设置较长有效期（如7天），到期前通过定时Cloud Function自动刷新更新。
   • 这种方式既保留了直接用URL加载的便捷性，又完美适配Resize Images扩展生成的多尺寸图片。

思路2：构造路径+本地缓存URL #

1. 在Firestore中仅存储图片的唯一标识（比如imageId: "{uuid}"），统一扩展名（或直接存储扩展名）。
2. 前端需要加载图片时，直接构造目标尺寸的路径（比如users/${imageId}_200x200.jpg），再调用getDownloadURL()获取链接，同时配合以下优化：
   • 本地缓存已获取的URL：用SharedPreferences（Flutter）、localStorage（Web）等存储已获取的URL，下次直接读取，避免重复异步请求。
   • 提前预加载：在用户进入需要显示图片的页面之前，提前异步获取URL并缓存，用户进入页面时直接用缓存URL渲染。
   • 这种方式解决了异步等待的体验问题，同时保留了适配多尺寸图片的灵活性，安全性不受影响。

额外优化建议 #

• 如果用户头像这类非敏感图片访问频率高，可将Storage对应路径设置为公开访问，直接构造公开URL（格式：https://firebasestorage.googleapis.com/v0/b/{bucket}/o/{encodedPath}?alt=media，其中encodedPath为URL编码后的图片路径），无需调用getDownloadURL()，彻底规避异步等待问题。
• 借助Cloud Function监听原始图片上传事件，自动触发Resize Images扩展生成所有需要的尺寸图片，并一次性将所有尺寸的URL写入Firestore，后续前端直接读取即可。

内容的提问来源于stack exchange，提问作者YMO