Microsoft Ajax CDN (Content Delivery Network) è una nuova funzionalità introdotta in Microsoft Ajax 4 Preview 5 che consente di semplificare la gestione dei contenuti (quali immagini) presenti nei siti web. In pratica la CDN non è altro che una rete di server distrubuiti un pò da ogni parte, che hanno l'obiettivo di “cachare” dei contenuti in modo da velocizzare le richieste http da parte delle nostre applicazioni web, vediamo un pratico esempio tramite questo grafico:
Alla prima richiesta dell’utente sul webServer dove risiede l’applicazione web, vengono recuperate le pagine aspx e i relativi contenuti. Ad una successiva richiesta (tramite impostazioni che noi settiamo) possiamo decidere che magari l’utente può recuperare determinati contenuti (come ad esempio le immagini) attraverso Ajax CDN, la cui cosa diminuisce di gran lunga i passi (hop) che la richiesta deve effettuare tramite la rete. Un classico esempio è il caso che l’utente che visualizza il nostro sito web si trovi in USA: l’upload di immagini dagli USA al nostro server che risiede in Italia, ha di sicuro una moltitudine di hop da dover effettuare. Tutto questo si semplifica tramite l’uso di CDN, che magari consente l’utente di recuperare le immagini da un server della CDN che “dista a pochi hop”. Non vi sembra una grande idea?
Il tutto ha il fine di ottimizzare le perfomance delle nostre applicazioni.
Vediamo ora come abilitare nella nostra applicazione web Ajax CDN. Innanzitutto abilitiamo lo script manager per farlo funzionare con CDN:
[fonte: http://weblogs.asp.net/scottgu/archive/2009/09/15/announcing-the-microsoft-ajax-cdn.aspx]
La cosa interessante è che tramite questa direttiva, l’utente non solo recupererà i contenuti da noi settati, ma anche i relativi assembly di Ajax, il che significa che l’utente non avrà più bisogno di recuperare ogni volta questi assembly dalle applicazioni web ma le avrà direttamente nel CDN. Di conseguenza, avremo anche la possibilità di far puntare i nostri riferimenti ad Ajax direttamente al CDN:
<script src="http://ajax.microsoft.com/ajax/beta/0909/MicrosoftAjax.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/beta/0909/MicrosoftAjaxTemplates.js" type="text/javascript"></script>
Veniamo al dunque. Ecco come abilitare i nostri contenuti nelle nostre applicazioni:
<script type=”text/javascript”>
function pageLoad(){
var myPic = [
{url: ‘pic/lellone1.jpg’, description: “lellone”},
{url: ‘pic/lellone2.jpg’, description: “lellone”}
];
$create(
Sys.UI.DataView,
{data:myPic},
null,
null,
$get(‘photos’)
);
}
</script>
Di conseguenza avremo il nostro div che visualizzare le immagini:
[fonte: http://weblogs.asp.net/scottgu/archive/2009/09/15/announcing-the-microsoft-ajax-cdn.aspx]
Stay tuned :)