在ASP.NET MVC中自动切换AMP的视图

时间:2018-03-06 09:53:16

标签: asp.net-core-mvc google-amp

我想使用.NET Core 2.0在ASP.NET MVC中创建我的网站的AMP版本。以前我曾在.Net框架上用DisplayModeProvider个实例做过一些工作,但这似乎不是.NET Core中的一个选项。

当我的网址开始index.amp.cshtml时,我希望能够将视图名称改为index.cshtml而不是/amp。在.NET Core中实现这一目标的最佳方法是什么?

2 个答案:

答案 0 :(得分:4)

您可以使用IViewLocationExpander执行此类操作。碰巧,几天前我正在玩这个,所以我有一些代码样本。如果你创建这样的东西:

public class AmpViewLocationExpander : IViewLocationExpander
{
    public void PopulateValues(ViewLocationExpanderContext context)
    {
        var contains = context.ActionContext.HttpContext.Request.Query.ContainsKey("amp");
        context.Values.Add("AmpKey", contains.ToString());

        var containsStem = context.ActionContext.HttpContext.Request.Path.StartsWithSegments("/amp");
        context.Values.Add("AmpStem", containsStem.ToString());
    }

    public IEnumerable<string> ExpandViewLocations(ViewLocationExpanderContext context, IEnumerable<string> viewLocations)
    {
        if (!(context.ActionContext.ActionDescriptor is ControllerActionDescriptor descriptor)) { return viewLocations; }

        if (context.ActionContext.HttpContext.Request.Query.ContainsKey("amp")
            || context.ActionContext.HttpContext.Request.Path.StartsWithSegments("/amp")
        )
        {
            return viewLocations.Select(x => x.Replace("{0}", "{0}.amp"));
        }

        return viewLocations;
    }
}
  

iViewLocationExpander可以在Microsoft.AspNetCore.Mvc.Razor

中找到

然后在Configure Services中的Startup.cs方法中添加以下内容:

  services.Configure<RazorViewEngineOptions>(options =>
        {
            options.ViewLocationExpanders.Add(new AmpViewLocationExtender());
        });

这样做会更新每个请求的视图位置,以便.amp.cshtml之前插入/amp,或者查询字符串键为{{1} }}。如果你的AMP视图不存在,它可能会爆炸一点,我还没有完全测试它,但它应该让你开始。

答案 1 :(得分:0)

您可以定义此Middleware

public class AmpMiddleware
{
    private RequestDelegate _next;

    public AmpMiddleware(RequestDelegate next)
    {
        _next = next;
    }
    public Task Invoke(HttpContext context)
    {
        const string ampTag = "/amp";

        var path = context.Request.Path;
        if (path.HasValue)
        {
            var ampPos = path.Value.IndexOf(ampTag);
            if (ampPos >= 0)
            {
                context.Request.Path = new PathString(path.Value.Remove(ampPos, ampTag.Length));
                context.Items.Add("amp", "true");
            }
        }
        return _next(context);
    }
}

public static class BuilderExtensions
{
    public static IApplicationBuilder UseAmpMiddleware(this IApplicationBuilder app)
    {
        return app.UseMiddleware<AmpMiddleware>();
    }
}

并在Startup中调用它:

app.UseAmpMiddleware();

然后可以检入页面并简单地设置其他布局或限制一些代码,而无需为amp版本创建单独的页面:

@if (HttpContext.Items.ContainsKey("amp"))
{
    <b>Request AMP Version</b>
}