1个文件如何轻松搞定Asp.net core 3.1动态页面转静态

Asp.core 3.1动态页面转静态页面的轻松路径

前言：

在近期一个Asp.core项目的开发中，我们遇到了页面静态化的需求。经过广泛的搜索和尝试，我们意识到现有的解决方案存在一些缺陷，如配置复杂、缺乏灵活性等。于是，我们决定自行开发一个页面静态化的解决方案，而在此过程中，我们遇到了Asp.core的一个重大挑战——Response.Body是只写Stream，无法读取返回的信息。幸运的是，我们参考了lwqlun的博客找到了解决方法。

核心问题：

在解决页面静态化的过程中，我们面临的主要挑战是处理Response.Body的读写问题。这个问题困扰了我们很长时间，但我们最终通过替换响应流的方式成功解决了这个问题。我们的代码可以捕获响应的内容，并将其保存到文件中，从而实现页面的静态化。我们还提供了在线更新静态文件的方法，并实现了Html压缩、gzip和br压缩等功能。

解决方案亮点：

我们的解决方案具有许多优点。它非常易于使用。用户只需将HtmlStaticFileAttribute.cs文件放到项目中，然后在控制器或Action方法上添加[HtmlStaticFile]标签即可。我们的解决方案非常灵活，用户可以根据需要自定义静态化的页面。我们还提供了一些优化功能，如在线更新静态文件、Html压缩、gzip和br压缩等。

快速入门指南：

1. 将HtmlStaticFileAttribute.cs文件放到你的Asp.core 3.1项目中。

2. 在需要静态化的控制器类名或Action方法上添加[HtmlStaticFile]标签。

示例代码：

在控制器中的使用示例：

```csharp

using Microsoft.AspNetCore.Mvc;

namespace StaticPage.Mvc.Controllers

{

public class HomeController : Controller

{

[HtmlStaticFile]

[HttpGet("/Count")]

public IActionResult Count()

{

return View();

}

}

}

```

在PageModel中的使用示例（注意：在PageModel的方法上添加[HtmlStaticFile]无效）：

Asp.NET Core 3.1中的静态页面生成：一个文件的魔力

在Asp.NET Core 3.1的世界里，你是否想过将一个动态页面轻松地转化为静态页面？这并非难事，只需要一个简单的文件即可实现。让我们深入了解一下如何实现这一过程。

我们需要创建一个`CountModel`类，它继承了`PageModel`并带有`[HtmlStaticFile]`特性。这个特性标记表明这是一个静态文件页面。

设置缓存文件夹

想象一下，你的静态文件输出被设定在D盘的html文件夹内，这是通过`HtmlStaticFileAttribute.OutputFolder`来实现的。这个路径就是你的静态文件的存放地。

启用压缩

为了优化性能，我们可以启用Gzip和Br压缩。通过设定`HtmlStaticFileAttribute.UseBrCompress`和`HtmlStaticFileAttribute.UseGzipCompress`为true来实现。

设置页面缓存时间

为了控制静态页面的缓存时间，你可以使用`HtmlStaticFileAttribute.ExpireMinutes`来设定缓存时间，例如这里我们设定为3分钟。

开发模式与调试

在开发过程中，你可能会希望页面不被缓存以便于调试和测试。这时你可以通过设定`HtmlStaticFileAttribute.IsDevelopmentMode`为true来启用开发模式。

参数配置与Url优化

尽管不推荐使用，但你仍可以使用`HtmlStaticFileAttribute.UseQueryString`来支持Url参数。为了压缩Html，推荐使用WebMarkupMin来进行压缩。通过为`HtmlStaticFileAttribute.MiniFunc`赋予一个函数来实现。

更新与测试静态页面缓存

为了让静态页面保持更新，你可以通过在Url地址后面添加参数"__update__"或"__test__"来生成新的静态页面。这对于实时性要求不高的网站内容来说非常方便。例如：通过访问 ` 或 ` 来测试或更新你的静态页面。

结尾语：以上就是我们关于如何在Asp.NET Core 3.1中将动态页面轻松转化为静态页面的介绍。如果你对此感兴趣或有更多疑问，请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站关于SEO优化的相关内容。我们期待你的支持与关注！

记得使用 `cambrian.render('body')` 来渲染你的页面内容，让你的静态页面更加生动和吸引人。