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.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Paginare i risultati con QuickGrid in Blazor
Utilizzare HiLo per ottimizzare le insert in un database con Entity Framework
Semplificare il deployment di siti statici con Azure Static Web App
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Utilizzare Model as a Service su Microsoft Azure
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Reactive form tipizzati con modellazione del FormBuilder in Angular
Utilizzare gli snapshot con Azure File shares
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Eseguire una query su SQL Azure tramite un workflow di GitHub
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps