访问 System.Web.Optimization 中使用的 URL

Question

背景：我正在使用 HTML 5 Offline App Cache 并动态构建清单文件。基本上，清单文件需要列出您的页面将请求的每个静态文件。当文件实际上是静态的时效果很好，但我在 System.Web.Optimization 中使用捆绑和缩小，所以我的文件不是静态的。

当在 DEBUG 中加载符号时（即在 VS 中调试），然后从 MVC 视图中调用实际的物理文件。然而，当处于发布模式时，它会调用一个看起来像这样的虚拟文件：/bundles/scripts/jquery?v=FVs3ACwOLIVInrAl5sdzR2jrCDmVOWFbZMY6g6Q0ulE1

所以我的问题：如何在代码中获取该 URL 以将其添加到离线应用清单？

我试过了：

        var paths = new List<string>()
        {
            "~/bundles/styles/common",
            "~/bundles/styles/common1024",
            "~/bundles/styles/common768",
            "~/bundles/styles/common480",
            "~/bundles/styles/frontend",
            "~/bundles/scripts/jquery",
            "~/bundles/scripts/common",
            "~/bundles/scripts/frontend"
        };

        var bundleTable = BundleTable.Bundles;
        foreach (var bundle in bundleTable.Where(b => paths.Contains(b.Path)))
        {
            var bundleContext = new BundleContext(this.HttpContext, bundleTable, bundle.Path);
            IEnumerable<BundleFile> files = bundle.GenerateBundleResponse(bundleContext).Files;
            foreach (var file in files)
            {
                var filePath = file.IncludedVirtualPath.TrimStart(new[] { '~' });
                sb.AppendFormat(formatFullDomain, filePath);
            }
        } 

除了将GenerateBundleResponse() 替换为EnumerateFiles()，它总是返回原始文件路径。

我也愿意接受替代实施建议。谢谢。

更新：（2014 年 7 月 7 日 13:45）

除了下面的答案，我还添加了这个 Bundles Registry 类来保存所需静态文件的列表，以便它在所有浏览器中以调试模式工作。 （见下面的cmets）

    public class Registry
    {
        public bool Debug = false;
        public Registry()
        {
            SetDebug();
        }
        [Conditional("DEBUG")]
        private void SetDebug()
        {
            Debug = true;
        }

        public IEnumerable<string> CommonScripts
        {
            get
            {
                if (Debug)
                {
                    return new string[]{
                        "/scripts/common/jquery.validate.js",
                        "/scripts/common/jquery.validate.unobtrusive.js",
                        "/scripts/common/knockout-3.1.0.debug.js",
                        "/scripts/common/jquery.timepicker.js",
                        "/scripts/common/datepicker.js",
                        "/scripts/common/utils.js",
                        "/scripts/common/jquery.minicolors.js",
                        "/scripts/common/chosen.jquery.custom.js"
                    };
                }
                else
                {
                    return new string[]{
                        "/scripts/common/commonbundle.js"
                    };
                }
            }
        }
    }

我对这个解决方案一点也不满意。如果您可以改进这一点，请提出建议。

Answer 1

我可以从这篇博文create your own token 中提出替代方案。

总的来说，作者建议使用web essentials 创建捆绑文件，然后创建一个剃刀助手来生成令牌，在这种情况下基于上次更改的日期和时间。

public static class StaticFile
{
    public static string Version(string rootRelativePath)
    {
        if (HttpRuntime.Cache[rootRelativePath] == null)
        {
            var absolutePath = HostingEnvironment.MapPath(rootRelativePath);
            var lastChangedDateTime = File.GetLastWriteTime(absolutePath);

            if (rootRelativePath.StartsWith("~"))
            {
                rootRelativePath = rootRelativePath.Substring(1);
            }

            var versionedUrl = rootRelativePath + "?v=" + lastChangedDateTime.Ticks;

            HttpRuntime.Cache.Insert(rootRelativePath, versionedUrl, new CacheDependency(absolutePath));
        }

        return HttpRuntime.Cache[rootRelativePath] as string;
    }
}

然后你可以像这样引用捆绑的文件...

@section scripts {
<script src="@StaticFile.Version("~/Scripts/app/myAppBundle.min.js")"></script>}

然后你就可以控制令牌，并且可以用它做你想做的事情。