.NET Maui中获取Access Token保护图片的FFImageLoading替代方案

方案一：使用 Maui 原生 Image 控件 + 自定义 HttpMessageHandler #

Maui 的原生 Image 控件支持通过 UriImageSource 自定义 HttpClient，你可以通过实现带 Token 认证的 HttpMessageHandler 来实现需求：

1. 定义认证 Handler：

public class AuthenticatedHttpHandler : HttpClientHandler
{
    private readonly string _accessToken;

    public AuthenticatedHttpHandler(string accessToken)
    {
        _accessToken = accessToken;
    }

    protected override async Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
    {
        request.Headers.Authorization = new System.Net.Http.Headers.AuthenticationHeaderValue("Bearer", _accessToken);
        return await base.SendAsync(request, cancellationToken);
    }
}

2. 配置 UriImageSource 并绑定到控件：

var authenticatedHandler = new AuthenticatedHttpHandler(_result.AccessToken);
var httpClient = new HttpClient(authenticatedHandler);

var imageSource = new UriImageSource
{
    Uri = new Uri("你的图片API地址"),
    HttpClient = httpClient,
    CachingEnabled = true // 可选，开启缓存优化
};

// 赋值给页面上的Image控件
MyImage.Source = imageSource;

如果用 XAML 开发，可通过后台代码初始化后绑定，或编写绑定转换器实现。

方案二：使用 FFImageLoading.Maui（官方移植版） #

FFImageLoading 有官方适配 .NET Maui 的 NuGet 包 FFImageLoading.Maui，能沿用你熟悉的逻辑：

1. 安装 NuGet 包：FFImageLoading.Maui
2. 初始化配置（可在 MauiProgram.cs 或页面初始化时执行）：

ImageService.Instance.Initialize(new Configuration
{
    HttpClient = new HttpClient(new AuthenticatedHttpHandler(_result.AccessToken))
});

这里的 AuthenticatedHttpHandler 可复用方案一中的实现，之后使用 CachedImage 控件加载图片即可，用法和 Xamarin 版本基本一致。

方案三：自定义图片加载服务 #

如果需要更灵活的加载逻辑，可封装一个轻量服务：

public class ImageLoaderService
{
    private readonly HttpClient _httpClient;

    public ImageLoaderService(string accessToken)
    {
        var handler = new AuthenticatedHttpHandler(accessToken);
        _httpClient = new HttpClient(handler);
    }

    public async Task<ImageSource> LoadImageAsync(string imageUrl)
    {
        var response = await _httpClient.GetAsync(imageUrl);
        response.EnsureSuccessStatusCode();
        var stream = await response.Content.ReadAsStreamAsync();
        return ImageSource.FromStream(() => stream);
    }
}

使用时直接调用服务获取 ImageSource 赋值给控件即可。

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