Microsoft WebMatrix Beta: anteprima

Microsoft ha rilasciato ieri, in versione beta, un nuovo tool dedicato agli sviluppatori Web: WebMatrix. Il software è gratuito e consente di installare e gestire siti Web o popolari applicazioni Web (come WordPress) direttamente sul proprio computer.

Webmatrix installa in un colpo solo il web server IIS Developer Express, il framework ASP.Net e il database SQL Server Compact e fornisce uno "stack" di componenti utili per gestire il sito e analizzarlo mentre cresce e si arricchisce di funzioni.

Webmatrix include inoltre un editor di base, un client FTP, un gestore di dabatase e diversi altri strumenti. Permette, infine, di gestire siti ASP.Net o PHP.

Come Installare Microsoft WebMatrix e lo stack web

Per installare Microsoft WebMatrix, basta lanciare il Web Platform Installer 3.0 e selezionare Microsoft WebMatrix Beta.

Questo installerà :

• IIS Express
• SQL Server Compact Edition (CE) 4.0
• Un nuovo View Engine per ASP.Net
• WebMatrix

Nella prossima pagina vedremo come creare la nostra prima applicazione con Microsoft WebMatrix.

La mia prima applicazione con Microsoft WebMatrix

Iniziare a sviluppare con la beta di Web Matrix è estremamente semplice. Si può iniziare a sviluppare partendo da un'applicazione open source già pronta e scaricabile dalla Gallery, operazione che potete fare in modo diretto all'interno del tool, oppure potere partire utilizzando uno degli appositi template disponibili.

Dopo aver lanciato WebMatrix, scegliete Site From Template Ok

Si entra così all'interno del tool organizzato in modo molto semplice, che vi permette di modificare il codice dell'applicazione, accedere al database e modificarlo e quindi lanciare l'applicazione utilizzando il nuovo IIS Express.

WebMatrix Beta permette di:

• Visualizzare, creare e modificare file in formato .CSHTML
• Creare, modificare i database
• Lanciare l'applicazione
• Visualizzare le richieste http
• Analizzare il sito
• Lanciare il sito in più browser
• Configurare il sito per la pubblicazione

Nella figura seguente vediamo come si presenta l'editor con il progetto creato dal template selezionato. Sulla sinistra in figura, notate i file di progetto ed il menu "alla Outlook" che vi consente di filtrare per Siti, File, Database e Report.

Il sito web creato è composto fondamentalmente da una serie di pagine con estensione .cshtml

Questa sintassi è quella che viene utilizzata dal nuovo View Engine di ASP.Net. All'interno della pagina possiamo trovare anche blocchi di codice per l'accesso al database locale.

Nella prossima pagina vedremo l'innovativa nuova "sintassi @"

La "sintassi @"

Analizziamo ora la pagina index.cshtml che si trova all'interno del folder Gallery, questa è la pagina principale per l'applicazione, che possiamo analizzare per renderci conto del modello di programmazione offerto e di come funziona la nuova sintassi @.

La sintassi @ {...}

• Accede all'oggetto PageData Title
• Viene aperta una connessione al database "PhotoGallery" che il template ha creato per noi. Questo è un semplice file con estensione .sdf
• Viene poi eseguita una query, che viene espressa direttamente nel corpo della pagina. Ricordate l'obiettivo di questo framework è quello di offrire il modo più diretto possibile per aggiungere dinamicità ad una pagina HTML. Per soluzioni più articolate si può utilizzare un framework come ASP.Net WebForms o ASP.Net MVC.

La seconda parte della pagina contiene codice HTML e innestato in questo, ci sono frammenti di codice identificati dal carattere @.

Come vedete dalla figura precedente, la riga 2 contiene un esempio della nuova sintassi, la riga che inizia con @ è codice C#, codice che verrà compilato.

In futuro WebMatrix fornirà anche intellisense e validazione del codice che andiamo a scrivere. Il codice è semplice e galleries rappresenta la collezione di oggetti .Net che sono il risultato della query vista in precedenza.

La porzione di codice HTML e C# della pagina index.cshtml verrà composta all'interno di una pagina master che si trova nel folder Shared e si chiama _Master.cshtml. La definizione di quale pagina master, o pagina template, si voglia utilizzare è definito nel file _init.cshtml.

Se ora andiamo a vedere come è fatta la pagina _Master.cshtml, possiamo notare due punti interessanti.

Alla riga 4 della figura seguente viene utilizzato il valore della proprietà Title di PageData. Questo oggetto conterrà il valore espresso nella pagina index.cshtml, quando verrà sostituito nella pagina che ne costituisce il template.

Il secondo aspetto interessante della pagina master è il punto in cui verrà inserito il codice HTML definito nella pagina index.cshtml, il corpo vero e proprio della pagina HTML; questo punto è identificato dalla RenderBody() che si vede alla riga 22 della figura seguente:

Per vedere il risultato dell'applicazione usiamo il tasto Run presente nel menu dell'editor. Questo strumento ci consente di visualizzare la pagina in diversi browser installati sulla macchina.

Ma dove sta girando l'applicazione lanciata in questo momento? Come visto in precedenza WebMatrix usa IIS Express, che vedremo nella pagina seguente.

IIS Express: un'introduzione

È una versione leggera di Internet Information Server 7.x appositamente pensato per lo sviluppo: offre le funzionalità di IIS7, ma la facilità d'uso di un developer server, come quello ad oggi integrato in Visual Studio.

Queste le caratteristiche principali:

• Può essere copiato semplice eseguibile
• Non gira come servizio e non richiede diritti amministrativi
• Permette il funzionamento con applicazioni ASP.Net e PHP
• Le impostazioni sulla configurazione sono per-user
• Offre funzionalità come FastCGI PHP URL Rewrite

Dopo che avete lanciato l'applicazione vedrete l'icona che lo rappresenta nella barra di Windows e potete ispezionare le applicazioni al momento in esecuzione.

Inoltre da WebMatrix avete accesso ad alcune delle impostazioni. Selezionate Site dal menu, quindi Settings e vi troverete la schermata di configurazione:

Dalla figura potete notare come sia modificale: il supporto all' SSL, la versione di .Net e la lista delle pagine di default da utilizzare.

Per una lista complete delle impostazioni offerte da IIS Express dovete lanciare l'eseguibile (Iisexpress.exe

Nella prossima pagina

SQL Server Compact Edition 4.0: un'introduzione

WebMatrix Beta viene accompagnato con la nuova versione di SQL Server CE 4.0, disponibile come preview (CTP) al momento della scrittura di questo articolo. SQL Server CE è stato riprogettato offrendo ora non più solo una versione per gestire database in memoria su applicativi desktop, ma anche per applicativi server e quindi per essere ospitata dal runtime di ASP.Net su IIS.

SQL Server CE, non è alternativo a SQL Server o SQL Azure, vuole essere il modo più semplice per sviluppare un'applicazione con ASP.Net che poi, però, possa essere migrato ad altre soluzioni in caso si abbiano requisiti maggiori in termini di scalabilità o alta affidabilità.

Le caratteristiche principali sono:

• Può essere utilizzata con le attuali API di ADO.Net
• Può essere semplicemente copiato nella directory bin dell'applicazione ASP.Net
• SQL Server CE gira in memoria ed utilizza i file .sdf App_Data
• Gira in "medium trust"
• Può essere usato server-side

Avete già visto che quest'approccio vi consente di usare l'API per aprire la connessione al database, passando direttamente il nome del database.

WebMatrix inoltre integra uno strumento per gestire database: crea le basi dati, le tabelle, aggiunge i campi e così via.

La figura precedente vi offre un'idea di come si presenti la parte di WebMatrix dedicata alla gestione dei database utilizzati dall'applicazione ASP.Net.

Conclusione

In quest' articolo spero di avervi dato una chiara introduzione a WebMatrix Beta e delle novità che porta con sé dai tool alla nuova sintassi per ASP.Net. Nel caso abbiate domande contattatemi al mio blog.

Vorrei concludere dicendo, ancora una volta, che WebMatrix è rivolto a quegli sviluppatori web che solitamente partono dal dallo sviluppo della pagina HTML e che poi aggiungono logica applicativa per interagire con le componenti server, tipicamente per fare operazioni su di un database in modo semplice e diretto.

La nuova sintassi con il @ di .Net è stata progettata per essere utilizzata in modo immediato e per richiedere sforzo minimo per l'apprendimento e per sfruttare le potenzailità di un linguaggio strongly-typed e compilato e le classi del framework .Net. Lo sviluppo di un'applicazione così fatta può anche essere portato avanti con un semplice editor testuale e per sviluppi futuri e/o più avanzati può essere aperta con Visual Studio 2010 per avere maggior funzionalità.