手动利用MVC脚本捆绑

时间:2014-03-02 15:30:34

标签: javascript asp.net-mvc-4 scriptbundle

有没有办法以编程方式呈现脚本包?

在MVC中使用脚本包非常棒。喜欢它。使用它。

现在我正在编写一个使用Self-Host WebApi的应用程序,我想在其中创建一个脚本包。 也就是说,我在项目中有一些javascript文件,我希望缩小,合并,然后根据请求返回。

我想这应该是可能的。但似乎无法找到任何信息。

1 个答案:

答案 0 :(得分:2)

不幸的是,ASP.NET捆绑机制与ASP.NET上下文紧密结合。在自托管中使用它需要一些额外的工作。例如,您将需要一个自定义虚拟路径提供程序,该提供程序将能够从指定位置读取文件:

internal class MyVirtualPathProvider : VirtualPathProvider
{
    private readonly string basePath;
    public MyVirtualPathProvider(string basePath)
    {
        this.basePath = basePath;
    }

    public override bool FileExists(string virtualPath)
    {
        return File.Exists(this.GetFileName(virtualPath));
    }

    public override VirtualFile GetFile(string virtualPath)
    {
        return new MyVirtualFile(this.GetFileName(virtualPath));
    }

    private string GetFileName(string virtualPath)
    {
        return Path.Combine(this.basePath, virtualPath.Replace("~/", ""));
    }

    private class MyVirtualFile : VirtualFile
    {
        private readonly string path;
        public MyVirtualFile(string path)
            : base(path)
        {
            this.path = path;
        }

        public override Stream Open()
        {
            return File.OpenRead(this.path);
        }
    }
}

然后您可以将一个bundle.config文件附加到您的控制台应用程序,您将在其中注册所有捆绑文件:

<?xml version="1.0" encoding="utf-8" ?>
<bundles version="1.0">
  <scriptBundle path="~/bundles/myBundle">
    <include path="~/foo.js" />
    <include path="~/bar.js" />
  </scriptBundle>
</bundles>

接下来你可以编写自己的主机,用你刚才写的自定义文件替换默认的虚拟路径提供程序:

class Program
{
    static void Main()
    {
        var config = new HttpSelfHostConfiguration("http://localhost:8080");
        config.Routes.MapHttpRoute(
            "API Default", 
            "api/{controller}/{id}",
            new { id = RouteParameter.Optional }
        );

        BundleTable.VirtualPathProvider = new MyVirtualPathProvider(Environment.CurrentDirectory);

        using (HttpSelfHostServer server = new HttpSelfHostServer(config))
        {
            server.OpenAsync().Wait();
            Console.WriteLine("Press Enter to quit.");
            Console.ReadLine();
        }
    }
}

最后你可以使用一些API控制器来提供我们在bundle.config文件中定义的自定义包:

public class MyScriptsController: ApiController
{
    public HttpResponseMessage Get()
    {
        string bundlePath = "~/bundles/myBundle";
        var bundle = BundleTable.Bundles.GetBundleFor(bundlePath);
        var context = new BundleContext(new HttpContext(), BundleTable.Bundles, bundlePath);
        var response = bundle.GenerateBundleResponse(context);
        return new HttpResponseMessage()
        {
            Content = new StringContent(response.Content, Encoding.UTF8, "text/javascript"),
        };
    }

    private class HttpContext : HttpContextBase
    {
    }
}

在此示例中,我省略了客户端缓存,您应该在控制器内部考虑这一点,以便使用相应的Cache标头提供捆绑的内容。