如何用Dart获取Google Maps Places API图片永久链接并实现缓存？

一、获取重定向后的最终图片URL #

你观察到的API请求链接会重定向到可直接访问的URL是核心突破口——这个最终URL无需API密钥就能访问，且可重复使用。只需在第一次请求时捕获该重定向地址，后续直接用它加载图片，完全不用再调用Places API。

不同技术栈的捕获方式：

• 前端JavaScript（Fetch）：默认跟随重定向，直接从响应对象的url属性获取最终地址：

  const apiResponse = await fetch('YOUR_PLACES_PHOTO_API_URL');
  const finalImageUrl = apiResponse.url; // 可直接访问的图片URL
  

• Python（Requests）：requests库默认跟随重定向，response.url即为最终地址：

  import requests
  response = requests.get('YOUR_PLACES_PHOTO_API_URL')
  final_image_url = response.url
  

• Node.js（Axios）：通过response.request.res.responseUrl获取最终重定向地址：

  const axios = require('axios');
  const response = await axios.get('YOUR_PLACES_PHOTO_API_URL');
  const finalImageUrl = response.request.res.responseUrl;
  

二、正确的缓存方案（不是存API请求链接） #

你之前对缓存的理解有偏差，正确的缓存逻辑是存储重定向后的最终图片URL，或者直接存储图片文件，彻底跳过API请求：

1. 缓存最终图片URL（轻量场景推荐） #

用图片的唯一标识作为缓存键，比如photo_reference + maxwidth（或关联Place ID），将最终URL存入对应缓存介质：

• 前端：小量数据用localStorage，大量图片用IndexedDB，临时缓存用SessionStorage。
• 后端：快速查询用Redis内存缓存，持久化存储用关系型数据库。

下次加载同一张图片时，直接从缓存取出最终URL，既节省API配额又提升加载速度。

2. 直接缓存图片文件（后端服务适用） #

如果是后端项目，第一次请求到图片后，可将文件存储到本地磁盘或自建对象存储服务，后续直接返回自己托管的图片链接：

• 优点：完全脱离Google CDN，不受其URL有效期限制。
• 注意：需处理图片更新逻辑，比如Google更新地点图片时，要重新抓取同步。

三、注意事项 #

• 重定向URL有效期：Google官方未明确说明，但实际测试中这类URL有效期较长（数月级别）。可给缓存设置过期时间，到期后重新请求API更新URL。
• 前端缓存限制：localStorage单域名通常限制5MB左右，若图片数量多或规格大，优先用IndexedDB或Cache API。

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