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
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Implementare il throttling in ASP.NET Core
Autenticarsi in modo sicuro su Azure tramite GitHub Actions
Filtrare e rimuovere gli elementi dalla cache del browser tramite le API JavaScript
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Eseguire operazioni con timeout in React
Migrare una service connection a workload identity federation in Azure DevOps
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Migliorare la sicurezza dei prompt con Azure AI Studio
Utilizzare il trigger SQL con le Azure Function
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Eseguire attività pianificate con Azure Container Jobs
I più letti di oggi
- Tutorial Windows Communication Foundation
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Gestire la cancellazione di una richiesta in streaming da Blazor
- Repository con code-first di Entity Framework
- Blazor: Security
- Utilizzare WebAssembly con .NET, ovunque
- Protobuf: un serializzatore alternativo per WCF