Condividi tramite

Procedura dettagliata: creazione di un sito Web IIS locale in Visual Web Developer

  • Articolo

Aggiornamento: novembre 2007

In Visual Web Developer è possibile creare e modificare siti Web in cui sono contenute pagine Web e altri file in diverse posizioni. Di seguito sono riportate le opzioni disponibili per l'individuazione di pagine Web e di altri file.

  • In una cartella nel disco rigido locale, definita come sito Web di file system.

  • Come applicazione Web in una copia locale di Microsoft Internet Information Services (IIS), definita come sito Web IIS locale.

È anche possibile utilizzare i siti Web su un server remoto. Per ulteriori informazioni, vedere Tipi di siti Web in Visual Web Developer.

In questa procedura dettagliata saranno utilizzati due siti Web eseguiti in una copia di IIS istallata a livello locale. Uno dei siti Web si trova fisicamente nella cartella principale di IIS (in genere, C:\Inetpub\wwwroot). Il secondo sito si trova in una cartella appropriata del disco rigido, ma è disponibile in IIS utilizzando una directory virtuale.

È possibile utilizzare IIS per eseguire il test del sito Web. Se il computer è configurato per consentire la connessione ad altri utenti, il sito Web è disponibile per questi utenti.

Nota:

Se non è possibile eseguire IIS nel computer, è comunque possibile creare ed eseguire il test di siti Web ASP.NET mediante Visual Web Developer. Per ulteriori informazioni, vedere Procedura dettagliata: creazione di una pagina Web di base in Visual Web Developer.

Di seguito sono elencate alcune delle attività illustrate nella procedura dettagliata:

  • Creazione di un'applicazione e di una pagina nella directory principale di IIS.

  • Creazione di un'applicazione che utilizza la directory principale virtuale di IIS.

  • Utilizzo di IIS per eseguire la pagina.

  • Utilizzo di IIS in Esplora soluzioni.

Prerequisiti

Per completare questa procedura dettagliata, è necessario avere effettuato l'accesso come utente con privilegi di amministratore e avere installato IIS in locale sul computer. in quanto l'utilizzo della metabase IIS, in cui sono archiviate le informazioni sulle applicazioni IIS, richiede privilegi di questo tipo.

Creazione di un sito Web nella directory principale di IIS.

Nella prima parte della procedura dettagliata, verrà creato un sito Web che risiede nella cartella predefinita di IIS (in genere, \Inetpub\wwwroot).

Per creare un nuovo sito Web IIS locale nella directory principale di IIS.

  1. Aprire Visual Web Developer.

  2. Scegliere Nuovo sito Web dal menu File.

    Viene visualizzata la finestra di dialogo Nuovo sito Web.

  3. In Modelli Visual Studio installati, fare clic su Sito Web ASP.NET.

  4. Scegliere Sfoglia.

    Verrà visualizzata la finestra di dialogo Scegli percorso.

  5. Fare clic su IIS locale.

  6. Fare clic su Sito Web predefinito.

  7. Fare clic sull'icona Crea nuova applicazione Web, situata nell'angolo superiore destro.

    Questa icona non dispone di etichette, tuttavia posizionandovi sopra il puntatore del mouse, viene visualizzato il testo di descrizione del comando Crea nuova applicazione Web.

    In Sito Web predefinito verrà aggiunta una nuova applicazione denominata WebSite.

  8. Nella casella per il nuovo sito Web, digitare LocalIISWebSite, quindi scegliere Apri.

    Viene visualizzata la finestra di dialogo Nuovo sito Web con la casella Percorso più a destra compilata con https://localhost/LocalIISWebSite.

  9. Nell'elenco Linguaggio scegliere il linguaggio di programmazione da utilizzare.

    Il linguaggio di programmazione scelto sarà quello predefinito per il sito Web. Tuttavia, è possibile utilizzare più linguaggi nella stessa applicazione Web creando pagine e componenti con linguaggi di programmazione diversi.

  10. Scegliere OK.

    Il nuovo sito Web viene creato e viene visualizzata una nuova pagina denominata Default.aspx. Mantenere aperta la pagina. Nella pagina iniziale Default.aspx viene utilizzato il modello code-behind della pagina Web. Per ulteriori informazioni, vedere Modello di codice di pagine Web ASP.NET.

In Visual Web Developer non solo vengono create le cartelle e i file per il sito Web ma è anche possibile interagire con IIS per creare un'applicazione Web IIS per il sito in uso. In sostanza, in Visual Web Developer viene chiamato IIS per creare i metadati richiesti da IIS per poter riconoscere la cartella e le pagine come sito Web.

È possibile esaminare le operazioni eseguite in Visual Web Developer osservando i file e le cartelle creati.

Per esaminare la struttura del sito Web IIS locale.

  1. In Microsoft Windows fare clic su Start e scegliere Esegui.

    Nella casella Apri della finestra di dialogo Esegui, immettere C:\Inetpub\wwwroot, quindi scegliere OK.

    Nota:

    Se IIS è installato in un'unità o in una cartella diversa, modificare il percorso nel modo appropriato.

    In \wwwroot, viene visualizzata una nuova cartella denominata LocalIISWebSite.

  2. Nella finestra di dialogo relativa la percorso fare doppio clic su LocalIISWebSite.

    Viene visualizzato il contenuto del sito Web, inclusi gli elementi indicati di seguito:

    • Una cartella App_Data creata automaticamente da Visual Web Developer.

    • Una pagina Default.aspx.

    • Il file di codice sottostante, ovvero Default.aspx.cs o Default.aspx.vb a seconda del linguaggio predefinito per l'applicazione Web.

È possibile aggiungere pagine al sito Web normalmente. Tuttavia, è anche possibile aggiungere pagine al sito Web esternamente; queste pagine saranno riconosciute in Visual Web Developer come parte dell'applicazione, sebbene sia necessario aggiornare Esplora soluzioni per visualizzarle.

Aggiunta e programmazione di controlli

In questa parte della procedura dettagliata, verranno aggiunti alla pagina i controlli Button, TextBox e Label e verrà scritto il codice per gestire l'evento Click per il controllo Button.

Per aggiungere controlli alla pagina

  1. In Visual Web Developer, aprire la pagina Default.aspx e passare alla visualizzazione Progettazione.

  2. Premere INVIO diverse volte per creare spazio.

  3. Dalla scheda Standard in Casella degli strumenti, trascinare nella pagina i tre controlli TextBox, Button e Label, quindi posizionarli nell'elemento div della pagina.

    Nota:

    Se la Casella degli strumenti non viene visualizzata, scegliere Casella degli strumenti dal menu Visualizza.

  4. Posizionare il puntatore di inserimento davanti alla casella di testo, quindi digitare Enter your name:.

  5. Fare clic sul controllo Button, quindi, nella finestra Proprietà, impostare Text su Display Name.

  6. Fare clic sul controllo Label, quindi, nella finestra Proprietà, deselezionare Text.

  7. Fare doppio clic sul controllo Button, a cui è ora assegnata l'etichetta Display Name.

    In Visual Web Developer il file di codice per la pagina viene aperto in una finestra separata dell'editor.

    Nel file è contenuta la struttura di un gestore Click per il controllo Button.

  8. Completare il gestore Click aggiungendo il codice evidenziato riportato di seguito che consentirà di visualizzare la stringa di testo dopo che è stato fatto clic sul controllo Button.

    Nota sulla sicurezza:

    L'input dell'utente in una pagina Web ASP.NET può includere script client potenzialmente dannoso. Per impostazione predefinita, nelle pagine Web ASP.NET si esegue il controllo delle pagine durante il postback par garantire che nell'input dell'utente non siano inclusi script o elementi HTML. Per ulteriori informazioni, vedere Cenni preliminari sugli attacchi tramite script.

    		 
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = Textbox1.Text & ", welcome to Visual Web Developer!"
End Sub

    protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Text = TextBox1.Text + ", welcome to Visual Web Developer!";
}

  9. Salvare i file.

    Il test della pagina Web verrà eseguito in "Test dell'applicazione Web IIS", più avanti in questa procedura dettagliata.

Aggiornamento del sito Web all'esterno di Visual Web Developer

Aggiungendo un nuovo file all'applicazione dall'esterno di Visual Web Developer, è possibile verificare che in Visual Web Developer è in corso la lettura del percorso di IIS.

Per aggiornare il Web all'esterno di Visual Web Developer

  1. Mediante l'utilizzo di Blocco note oppure di un altro editor di testo, creare un nuovo file con il testo riportato di seguito, a seconda che si utilizzi Visual Basic o C#.

    <%@Page language="VB"%>
<script >
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
   Button1.Text = "I was clicked!"
End Sub
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

    <%@Page language="C#"%>
<script >
protected void Button1_Click(object sender, System.EventArgs e)
{
   Button1.Text = "I was clicked!";
}
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

  2. Salvare il file nel percorso C:\inetpub\wwwroot\LocalIISWebSite con il nome TestPage.aspx.

    Nota:

    Se IIS è installato in un'unità o in una cartella diversa, modificare il percorso nel modo appropriato.

  3. In Visual Web Developer, in Esplora soluzioni, fare clic sul nome del sito Web (https://localhost/LocalIISWebSite/), quindi scegliere Aggiorna dal menu Visualizza.

    L'elenco di file presenti nel sito Web viene aggiornato in modo da includere il file aggiunto. Successivamente, sarà eseguito il test delle pagine Web.

Test dell'applicazione Web IIS

È ora possibile eseguire il test del sito Web IIS

Per eseguire il test del sito Web IIS locale

  1. In Visual Web Developer, aprire la pagina Default.aspx.

  2. Premere CTRL+F5 per eseguire la pagina.

    La pagina viene visualizzata nel browser. Notare che l'URL nel browser è https://localhost/LocalIISWebSite/default.aspx. La richiesta della pagina viene effettuata al localhost (senza numero di porta), gestito da IIS.

  3. Quando la pagina viene visualizzata nel browser, nella casella di testo, immettere il proprio nome, quindi fare clic su Display Name per accertarsi del corretto funzionamento.

  4. In Visual Web Developer, aprire la pagina TestPage.aspx.

  5. Premere CTRL+F5 per eseguire la pagina.

    La pagina viene aperta nella stessa istanza del browser.

  6. Quando una pagina viene visualizzata nel browser, fare clic su Button1 per accertarsi del corretto funzionamento.

  7. Chiudere il browser.

Se è possibile connettersi al computer da un altro computer, provare ad accedere al sito come se si trattasse di un sito pubblico. Se non è possibile connettersi al computer da un altro computer, ignorare la procedura.

Per eseguire il test del sito come sito pubblico

  • Da un computer differente, digitare l'URL in cui sono inclusi il nome del computer del server Web, il nome del sito Web e default.aspx come pagina.

    • Se è possibile accedere al computer in una rete locale, utilizzare il nome del computer per il server che dispone di un URL, ad esempio:

      http://server1/LocalIISWebSite/default.aspx

    • Se il computer funziona da host per un dominio, è possibile accedere alla pagina utilizzando un URL, ad esempio:

      https://www.contoso.com/LocalIISWebSite/default.aspx

    • Se il computer si trova in una rete o è collegato direttamente a Internet, è possibile utilizzare l'indirizzo IP del computer come nome server. Di seguito è riportato un esempio:

      http://172.19.195.700/LocalIISWebSite/default.aspx

      Nota:

      Se non è possibile visualizzare l'applicazione da un computer differente a causa delle impostazioni di Windows Firewall, è necessario consentire al server Web di utilizzare la porta 80. Tale procedura può essere effettuata dalla scheda Avanzate di Windows Firewall facendo clic su Impostazioni. Per ulteriori informazioni, vedere Security Developer Center - Sicurezza di .NET Framework (informazioni in lingua inglese) e ricercare le informazioni relative alle impostazioni di Windows Firewall.

Creazione di un sito Web come directory principale virtuale di IIS

Come osservato fino a questo punto, IIS consente di creare applicazioni Web che vengono posizionate fisicamente nella cartella predefinita del server Web (wwwroot). Tuttavia, è anche possibile creare directory virtuali di IIS, vale a dire applicazioni Web IIS che puntano a file e cartelle che possono essere posizionate in qualsiasi punto del disco rigido.

Nota:

Per motivi di sicurezza, IIS non consente di creare directory virtuali che puntano a cartelle contenute in altri computer. Le directory virtuali devono puntare sempre al computer locale.

In questa parte della procedura dettagliata verrà utilizzato Visual Web Developer per creare una directory virtuale che punta a un sito Web memorizzato in una cartella locale nel computer.

Il primo passaggio consiste nella creazione della directory virtuale. Se in Visual Web Developer è già stato creato un sito Web di file system (ad esempio, completando Procedura dettagliata: creazione di una pagina Web di base in Visual Web Developer), è possibile utilizzare quel sito Web.

Per creare un sito Web IIS locale utilizzando una cartella virtuale

  1. In Visual Web Developer scegliere Nuovo sito Web dal menu File.

  2. In Modelli Visual Studio installati fare clic su Sito Web ASP.NET.

  3. Scegliere Sfoglia.

    Verrà visualizzata la finestra di dialogo Scegli percorso.

  4. Fare clic su IIS locale.

  5. In Selezionare il sito Web da aprire, nella visualizzazione struttura, fare clic su Sito Web predefinito, quindi sull'icona Crea nuova directory virtuale, situata nell'angolo.

    Questa icona non dispone di etichette, tuttavia, posizionandovi sopra il puntatore del mouse, viene visualizzato il testo di descrizione del comando Crea nuova directory virtuale.

    Verrà visualizzata la finestra di dialogo Nuova directory virtuale.

  6. Nella casella Nome alias, digitare WebSite_vdir.

    Nota:

    È possibile denominare la directory virtuale con un nome qualsiasi purché si utilizzi un nome valido in IIS.

  7. Nella casella Cartella digitare una delle opzioni riportate di seguito:

    • Il percorso di un sito Web di file system esistente, se presente. È possibile fare clic su Sfoglia e individuare la cartella principale di quel sito, se non si dispone del percorso esatto.

    • Il percorso in cui si desidera creare una nuova cartella per memorizzare le cartelle e i file per il sito Web.

  8. Scegliere OK.

    Se è stata specificata una cartella che non esiste, in Visual Web Developer verrà richiesto di crearla.

    Successivamente, Visual Web Developer ritorna alla finestra di dialogo Scegli percorso e l'elenco di applicazioni Web di IIS in cui è contenuta la directory virtuale creata viene aggiornato.

  9. Selezionare la directory virtuale appena creata, fare clic su Apri, quindi scegliere OK per creare il sito Web.

    Se la directory punta a una nuova cartella oppure a una cartella esistente che non contiene un sito Web, in Visual Web Developer viene creata la cartella App_Data, una pagina predefinita che viene visualizzata nella visualizzazione di progettazione.

    Se la cartella virtuale punta a un sito Web di file system, in Visual Web Developer viene aperta una finestra di dialogo Sito Web già esistente in cui sono incluse le opzioni per selezionare una nuova cartella, aprire il file esistente oppure creare un nuovo sito Web nel percorso esistente. Una volta selezionata l'opzione e dopo aver scelto OK, in Visual Web Developer viene visualizzato il contenuto della cartella in Esplora soluzioni e viene aperta la pagina Default.aspx, se presente.

Aggiunta di controlli alla pagina Web

Come in precedenza in questa procedura dettagliata, verrà utilizzata una pagina Web ASP.NET semplice per eseguire il test del sito Web di IIS in fase di creazione. In caso di utilizzo di un sito Web di file system esistente, non è necessario creare una nuova pagina. Se la directory virtuale punta a una nuova cartella, è possibile utilizzare quella pagina.

Se si tratta di un nuovo sito Web, saranno aggiunti alcuni controlli alla pagina predefinita in modo da eseguire il test e verificarne il corretto funzionamento.

Per aggiungere controlli alla pagina

  1. In Visual Web Developer, aprire la pagina Default.aspx e passare alla visualizzazione Progettazione.

  2. Dalla scheda Standard in Casella degli strumenti, trascinare i controlli TextBox, Button e Label nella pagina e posizionarli nell'elemento div.

  3. Fare doppio clic sul controllo Button, quindi aggiungere il codice evidenziato riportato di seguito.

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = "Welcome to Visual Web Developer!"
End Sub

    protected void Button1_Click(object sender, System.EventArgs e)
{    
    Label1.Text = "Welcome to Visual Web Developer!";
}

  4. Salvare i file.

Test della directory virtuale

È ora possibile eseguire il test del sito Web

Per eseguire il test del sito Web di IIS utilizzando la directory virtuale

  1. In Visual Web Developer, aprire una pagina del sito Web, vale a dire la pagina Default.aspx oppure un'altra pagina.

  2. Premere CTRL+F5 per eseguire la pagina.

    La pagina viene visualizzata nel browser. Notare che l'URL nel browser è https://localhost/Website_vdir/default.aspx. Quando l'URL viene risolto in IIS, viene eseguita la ricerca della pagina nel percorso fisico associato alla directory virtuale denominata Website_vdir.

  3. Quando la pagina viene visualizzata nel browser, fare clic sul controllo Button per accertarsi del corretto funzionamento.

  4. Chiudere il browser.

Se la connessione al computer da un altro computer è possibile, provare a eseguire gli stessi test utilizzati nella sezione precedente per tentare l'accesso alla pagina.

Eliminazione di un sito Web IIS locale

È possibile gestire siti Web IIS locali in Visual Web Developer eliminando quelli non più necessari. Nelle operazioni di eliminazione, esiste una differenza fondamentale inerente la modalità di eliminazione, a seconda del tipo di sito Web IIS locale utilizzato. Tale differenza è illustrata di seguito:

  • Quando si elimina un sito Web nella directory principale di IIS, l'applicazione Web viene eliminata da IIS insieme ai file e alle cartelle del sito Web.

  • Quando si elimina una directory virtuale, le informazioni di IIS relative a quel sito Web vengono eliminate mentre i file e le cartelle contenuti nella cartella di file system locale vengono lasciati intatti.

Per eliminare il sito Web IIS locale

  1. Scegliere Chiudi soluzione oppure Chiudi progetto dal menu File.

  2. Scegliere Apri sito Web dal menu File.

  3. Nella finestra di dialogo Apri sito Web fare clic su IIS locale.

  4. Fare clic sul nome della directory virtuale (Website_vdir) creata in precedenza nella procedura dettagliata.

    Attenzione:

    Se si seleziona un sito Web diverso, i file e le cartelle di quel sito Web potrebbero essere eliminati.

  5. Fare clic sull'icona di eliminazione nell'angolo superiore.

    Questa icona non dispone di etichette, tuttavia, posizionandovi sopra il puntatore del mouse, viene visualizzato il testo di descrizione del comando Elimina.

  6. Quando viene richiesta la conferma dell'eliminazione del sito Web, scegliere Sì.

  7. Fare clic su Annulla per chiudere la finestra di dialogo Apri sito Web.

  8. Aprire il browser, quindi digitare l'URL per la directory virtuale:

    https://localhost/Website_vdir/default.aspx

    Questa volta, nel browser viene segnalato che è impossibile trovare la pagina dal momento che IIS non riconosce più Website_vdir come sito Web nel computer locale.

    Nota:

    È possibile che la pagina sia stata memorizzata nella cache dal browser locale. In quel caso, la pagina può ancora essere visualizzata fino allo svuotamento della cache del browser; pertanto, è provare nuovamente a visualizzare la pagina.

Passaggi successivi

In questa procedura dettagliata, sono state fornite informazioni sulla modalità di creazione di un sito Web utilizzando la copia locale di IIS. È anche possibile che si desideri ricevere informazioni su altri tipi di siti Web che possono essere creati in Visual Web Developer. Ad esempio, è possibile eseguire le operazioni riportate di seguito:

Vedere anche

Concetti

Tipi di siti Web in Visual Web Developer

Utilizzo di Visual Web Developer come utente senza privilegi di amministratore