C# 将请求从Angular压缩到web API

我正试图通过将来自angular客户端的请求压缩到AspNet Web API来优化带宽使用。有没有办法做到这一点？

一种可能是使用行业标准算法压缩数据，如

gzip

。它们为原始字符串提供了非常好的压缩，如果您将大型对象发送到服务器，那么您肯定可以通过减小请求的大小来获得性能。更不用说在带宽有限的移动设备上运行应用程序所带来的好处了

但别再唠叨了，让我们开始练习吧。这里最大的挑战是用javascript生成有效的gzip请求。一种可能是阅读此格式的规范，并滚动您自己的实现或使用某些现有库。我觉得特别有趣的是

只需发出以下命令即可在应用程序中安装：

bower install pako

现在，让我们看看从客户机的角度来看示例请求是什么样子的。假设您希望将以下JSON发送到服务器（作为POST或PUT动词）：

您只需使用现代浏览器中可用的普通

XMLHttpRequest

对象即可实现这一点（如果您对特定角度的解决方案感兴趣，请阅读下面的内容）：

好的，基本上我们已经介绍了客户端发送部分，它使用AJAX请求并指定正确的内容编码请求头

现在让我们来处理服务器端部分。假设您使用IIS中托管的Web API 2

因此，在ASP.NET应用程序中基本上会有一个

启动

类来引导Web API：

public class Startup
{
    public void Configuration(IAppBuilder app)
    {
        var config = GlobalConfiguration.Configuration;
        config.MapHttpAttributeRoutes();
        app.UseWebApi(config);
        config.EnsureInitialized();
    }
}

很明显，您有一个视图模型可以将负载映射到：

public class MyViewModel
{
    public string My { get; set; }
    public int[] Puper { get; set; }
    public string Awesome { get; set; }
}

以及一个Web API控制器，用于AJAX请求的服务器端处理程序：

public class TestController : ApiController
{
    [HttpPost]
    [Route("api/myresource")]
    public HttpResponseMessage Post(MyViewModel viewModel)
    {
        // We will simply echo out the received request object to the response
        var response = Request.CreateResponse(HttpStatusCode.OK, viewModel);
        return response;
    }
}

到目前为止还不错。不幸的是，Web API不支持现成的

gzip

请求编码。但由于这是一个非常可扩展的框架，所以您所要做的就是编写一个自定义的委托处理程序，它将知道如何解压缩来自客户端的请求

让我们从编写自定义HttpContent开始：

public class DecompressedHttpContent: HttpContent
{
    private readonly HttpContent _content;
    public DecompressedHttpContent(HttpContent content)
    {
        _content = content;
        foreach (var header in _content.Headers)
        {
            Headers.TryAddWithoutValidation(header.Key, header.Value);
        }
    }

    protected override async Task SerializeToStreamAsync(Stream stream, TransportContext context)
    {
        using (var originalStream = await _content.ReadAsStreamAsync())
        using (var gzipStream = new GZipStream(originalStream, CompressionMode.Decompress))
        {
            await gzipStream.CopyToAsync(stream);
        }
    }

    protected override bool TryComputeLength(out long length)
    {
        length = -1;
        return false;
    }
}

然后是我们的授权处理程序：

public class GzipDecompressionHandler : DelegatingHandler
{
    protected override async Task<HttpResponseMessage> SendAsync(
        HttpRequestMessage request,
        CancellationToken cancellationToken
    )
    {
        var isCompressedPayload = request.Content.Headers.ContentEncoding.Any(x => string.Equals(x, "gzip", StringComparison.InvariantCultureIgnoreCase));
        if (!isCompressedPayload)
        {
            return await base.SendAsync(request, cancellationToken);
        }

        request.Content = new DecompressedHttpContent(request.Content);
        return await base.SendAsync(request, cancellationToken);
    }
}

差不多就是这样。现在，当从客户端AJAX请求调用TestController.Post操作时，输入主体将包含正确的头，我们的委托处理程序将负责对其进行解码，以便在调用Post操作时，您将获得已反序列化的预期视图模型

现在回顾一下，您应该意识到，对于小请求，例如本例中所示的请求，使用gzip可能不会获得太多收益-您甚至可能会使事情变得更糟，因为会向有效负载添加神奇的gzip数字。但是对于更大的请求，这种方法肯定会增加和减少您的请求大小，我强烈建议您使用gzip

以下是这一努力的结果：

---

我想知道为什么这个完全正确的问题被投票关闭了。@DarinDimitrov可能太宽泛了。没有MCVE是另一种可能性。我不认为这个问题太宽泛。恰恰相反——这是一个直截了当的问题：寻找一种优化javascript客户端发送的HTTP请求的方法。就MCVE而言，在这种特定情况下，没有代码或示例可供提供，因为这更像是一个设计类问题。另一方面，我同意这可能是一个骗局。太宽泛指的是可能的答案，而不是问题。我看到这段对话除了可能的论点之外，没有其他目的，所以我退出了。上述内容被证明非常有用。然而，我遇到了一个问题，试图让它与非标准字符（如Ø）一起工作。如果这个包含在对象中，那么在使用pako之后，它就不会以相同的格式保存。看起来pako的字符串选项可能会有所帮助，但我一直没能做到这一点。

public class TestController : ApiController
{
    [HttpPost]
    [Route("api/myresource")]
    public HttpResponseMessage Post(MyViewModel viewModel)
    {
        // We will simply echo out the received request object to the response
        var response = Request.CreateResponse(HttpStatusCode.OK, viewModel);
        return response;
    }
}

public class DecompressedHttpContent: HttpContent
{
    private readonly HttpContent _content;
    public DecompressedHttpContent(HttpContent content)
    {
        _content = content;
        foreach (var header in _content.Headers)
        {
            Headers.TryAddWithoutValidation(header.Key, header.Value);
        }
    }

    protected override async Task SerializeToStreamAsync(Stream stream, TransportContext context)
    {
        using (var originalStream = await _content.ReadAsStreamAsync())
        using (var gzipStream = new GZipStream(originalStream, CompressionMode.Decompress))
        {
            await gzipStream.CopyToAsync(stream);
        }
    }

    protected override bool TryComputeLength(out long length)
    {
        length = -1;
        return false;
    }
}

public class GzipDecompressionHandler : DelegatingHandler
{
    protected override async Task<HttpResponseMessage> SendAsync(
        HttpRequestMessage request,
        CancellationToken cancellationToken
    )
    {
        var isCompressedPayload = request.Content.Headers.ContentEncoding.Any(x => string.Equals(x, "gzip", StringComparison.InvariantCultureIgnoreCase));
        if (!isCompressedPayload)
        {
            return await base.SendAsync(request, cancellationToken);
        }

        request.Content = new DecompressedHttpContent(request.Content);
        return await base.SendAsync(request, cancellationToken);
    }
}

config.MessageHandlers.Add(new GzipDecompressionHandler());