Jetpack Compose中如何用Coil缓存CloudFront签名URL？

你的核心思路是对的——通过去除签名类GET参数的基础URL作为缓存键，避免因签名/过期参数变化重复下载同一图片。下面提供更健壮的实现方式：

方法一：单请求级缓存键配置（推荐用于零散场景） #

不要直接用字符串拆分?，改用Uri解析提取基础URL，避免异常情况：

// 工具方法：从CloudFront签名URL中提取缓存键
fun getCloudFrontCacheKey(url: String): String {
    val uri = Uri.parse(url)
    // 拼接协议、域名、路径作为唯一缓存键
    return "${uri.scheme}://${uri.authority}${uri.path}"
}

然后在构建ImageRequest时使用该键：

val cacheKey = getCloudFrontCacheKey(url)
return ImageRequest.Builder(ctx)
    .data(url)
    .memoryCacheKey(cacheKey)
    .diskCacheKey(cacheKey)
    .placeholder(R.drawable.placeholder_image)
    .error(R.drawable.something_went_wrong)
    .diskCachePolicy(CachePolicy.ENABLED)
    .memoryCachePolicy(CachePolicy.ENABLED)
    .crossfade(true)
    .build()

方法二：全局缓存键配置（适合批量处理大量签名URL） #

如果应用内多数图片都是这类CloudFront签名URL，可以全局配置ImageLoader，自动统一处理缓存键，无需每个请求手动设置：

ImageLoader.Builder(this)
    .diskCache {
        DiskCache.Builder()
            .directory(this.cacheDir.resolve("image_cache"))
            .maxSizeBytes(2L * 1024 * 1024 * 1024) // 2 GB
            .build()
    }
    // 全局拦截并替换缓存键
    .components {
        add(CacheKeyInterceptor { request ->
            val url = request.data as? String ?: return@CacheKeyInterceptor request.cacheKey
            val uri = Uri.parse(url)
            val baseUrl = "${uri.scheme}://${uri.authority}${uri.path}"
            CacheKey(baseUrl)
        })
    }
    .memoryCachePolicy(CachePolicy.ENABLED)
    .diskCachePolicy(CachePolicy.ENABLED)
    .crossfade(true)
    .build()

注意事项 #

• 确保同一基础URL对应的图片内容不会变更：如果图片内容会更新，需给基础URL添加版本号（如/path/to/image?v=2），否则缓存会一直返回旧图。
• Uri解析比字符串拆分更健壮，能兼容无查询参数、异常格式的URL。

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