Azure上基于C#实现带缓存校验的高效图片生成与流式传输方案咨询

嘿，这个问题我之前帮客户落地过类似的方案——核心就是要把CDN的缓存优势牢牢抓住，同时让图片生成逻辑只在必要场景（缺失/过期）触发，完全不用绕C#后端中转图片，完美解决你提到的痛点。

我们的目标是让Azure CDN直接承担99%的图片交付工作，只有当图片不存在或者已过期时，才触发后端生成逻辑；生成完成后直接存入Blob存储，后续所有请求就完全由CDN+Blob处理，彻底避免中转损耗。

1. 配置CDN与Blob Storage的基础关联 #

• 把你的Azure Blob存储容器设置为CDN的主源，配置默认缓存规则（比如设置Cache-Control为你想要的x天，例如max-age=604800对应7天）。
• 关键配置：在CDN的规则引擎里添加一条规则——当源服务器返回404状态码时，将请求转发到你的Azure Functions端点。这样只有当Blob里没有对应图片时，才会触发生成逻辑。

2. 用Azure Functions处理图片生成与过期校验 #

函数的核心逻辑是接收请求参数，完成「检查Blob状态→生成图片→上传Blob→返回重定向」的流程，完全不需要中转图片给用户，而是让CDN后续直接从Blob获取内容：

函数代码示例（C#） #

using Azure.Storage.Blobs;
using Azure.Storage.Blobs.Models;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Azure.WebJobs;
using Microsoft.Azure.WebJobs.Extensions.Http;
using Microsoft.Extensions.Logging;
using SixLabors.ImageSharp;
using SixLabors.ImageSharp.Processing;
using System;
using System.IO;
using System.Threading.Tasks;

public static class ImageGeneratorFunction
{
    [FunctionName("GenerateImage")]
    public static async Task<IActionResult> Run(
        [HttpTrigger(AuthorizationLevel.Anonymous, "get", Route = "images/{param1}/{param2}")] HttpRequest req,
        string param1, string param2,
        ILogger log)
    {
        var blobServiceClient = new BlobServiceClient(Environment.GetEnvironmentVariable("BlobStorageConnectionString"));
        var containerClient = blobServiceClient.GetBlobContainerClient("images-container");
        var blobName = $"{param1}-{param2}.png";
        var blobClient = containerClient.GetBlobClient(blobName);

        // 检查Blob是否存在，以及是否过期（这里用LastModified判断，也可以用自定义元数据存过期时间）
        var exists = await blobClient.ExistsAsync();
        if (exists)
        {
            var blobProperties = await blobClient.GetPropertiesAsync();
            var daysSinceModified = DateTime.UtcNow.Subtract(blobProperties.Value.LastModified.UtcDateTime).TotalDays;
            if (daysSinceModified < 7) // 假设过期时间是7天
            {
                // 图片存在且未过期，直接重定向到Blob的CDN URL
                var cdnUrl = $"https://your-cdn-endpoint.net/{blobName}";
                return new RedirectResult(cdnUrl, permanent: true);
            }
            // 如果已过期，删除旧Blob，准备生成新的
            await blobClient.DeleteAsync();
        }

        // 根据URL参数生成图片（这里用ImageSharp示例，你可以替换成自己的生成逻辑）
        using var image = new Image(600, 400);
        image.Mutate(x => x
            .BackgroundColor(Color.White)
            .DrawText($"{param1} - {param2}", SystemFonts.Get("Arial"), Color.Black, new PointF(50, 50)));
        
        using var stream = new MemoryStream();
        await image.SaveAsPngAsync(stream);
        stream.Position = 0;

        // 上传新Blob到存储，设置缓存头和元数据
        await blobClient.UploadAsync(stream, new BlobHttpHeaders
        {
            ContentType = "image/png",
            CacheControl = "max-age=604800" // 7天缓存
        });

        // 重定向到CDN URL，让CDN缓存这个新生成的图片
        var newCdnUrl = $"https://your-cdn-endpoint.net/{blobName}";
        return new RedirectResult(newCdnUrl, permanent: true);
    }
}

关键细节： #

• 过期校验：这里用Blob的LastModified时间判断，你也可以在上传Blob时添加自定义元数据（比如expiry-date），后续直接读取元数据判断，更灵活。
• 资源节省：生成图片后直接上传Blob，然后返回重定向，完全不需要函数把图片流返回给用户——CDN会直接从Blob拉取内容，避免了函数中转的CPU/内存消耗。

3. 高效批量生成图片 #

如果需要批量预生成大量图片（比如提前生成一批热门参数的图片），可以用两种方式：

• 定时触发Azure Functions：设置一个定时触发器（比如每天凌晨），遍历需要预生成的参数列表，并行调用生成逻辑上传Blob。注意控制函数的并发数，避免超出资源限制。
• Azure Batch：如果是超大规模的批量生成（比如数万张以上），用Azure Batch来调度虚拟机集群处理生成任务，完成后统一上传到Blob存储，这样效率更高，也不会占用函数的资源。

4. 优化CDN规则增强体验 #

• 在CDN规则里添加缓存键改写，确保不同参数的图片能被正确缓存，避免缓存冲突。
• 设置CDN的stale-while-revalidate规则：当缓存过期时，CDN先返回旧缓存，同时后台回源检查是否需要更新，这样用户不会等待生成时间，体验更流畅。

• 完全避免了C#后端中转图片：99%的请求都由CDN+Blob直接处理，只有缺失/过期的请求才会触发函数，而且函数也只是生成后重定向，不中转图片流。
• 高效利用CDN优势：CDN的边缘缓存、带宽优化都能充分发挥，不会因为中转而丧失性能。
• 资源消耗极低：Blob存储是专门做静态内容交付的，比自己的C#服务处理图片流高效得多，函数只有在必要时才运行，成本也很低。

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