Come abbiamo visto nei precedenti script, la nuova funzionalità di bundling degli script di ASP.NET MVC 4 permette di gestire le referenze tramite CDN. Purtroppo, però, i bundle non posseggono un sistema di fallback su referenze locali, come avviene, invece, in Web Forms sfruttando lo ScriptManager, in grado di gestire il caso in cui la risorsa su CDN non sia disponibile.

Questo limite è facilmente aggirabile realizzando un semplice HTML helper come quello nel codice in basso:

public static IHtmlString RenderCdnBundle(this HtmlHelper html, 
    string bundleVirtualPath, string checkFunction)
{
  ScriptBundle bundle = BundleTable.Bundles.GetBundleFor(bundleVirtualPath) as ScriptBundle;

  var result = Scripts.Render(bundleVirtualPath).ToString();

  if (!string.IsNullOrEmpty(bundle.CdnPath) && 
      !string.IsNullOrEmpty(checkFunction) && 
      BundleTable.Bundles.UseCdn)
  {
    BundleCollection dummy = new BundleCollection();
    dummy.Add(bundle);

    result += string.Format(
      "<script type=\"text/javascript\">\r\n//<![CDATA[\r\n(window.{0})||" +
      "document.write('<script type=\"text/javascript\" src=\"{1}\">" + 
      "<\\/script>');//]]></script>",
      checkFunction, dummy.ResolveBundleUrl(bundleVirtualPath));
  }

  return new HtmlString(result);
}

Questo helper come primo passo recupera il bundle richiesto, in base al path, e ne determina il risultato. Successivamente, nel caso sia attiva la modalità CDN, utilizza il medesimo bundle per generare il link di fallback alla risorsa locale, sfruttando la stessa tecnica che abbiamo visto nel caso di Web Forms.

L'utilizzo di questo helper è estremamente semplice: basta infatti referenziarlo all'interno delle nostre View come nel codice seguente:

@this.Html.RenderCdnBundle("~/bundles/jquery", "jQuery")

Il secondo parametro è l'oggetto che deve essere testato per verificare il corretto caricamento dello script.