Exemplarische Vorgehensweise: Erstellen einer lokalen IIS-Website in Visual Web Developer

Aktualisiert: November 2007

In Visual Web Developer können Sie Websites erstellen und bearbeiten, bei denen sich die Webseiten und andere Dateien an unterschiedlichen Speicherorten befinden. Webseiten und andere Dateien können folgendermaßen gespeichert werden:

• In einem Ordner auf der lokalen Festplatte. Dies wird als Dateisystemwebsite bezeichnet.

• Als Webanwendung unter einer lokalen Kopie von Microsoft Internet Information Services (IIS). Dies wird als lokale IIS-Website bezeichnet.

Sie können auch mit Websites auf einem Remoteserver arbeiten. Weitere Informationen finden Sie unter Typen von Websites in Visual Web Developer.

In dieser exemplarischen Vorgehensweise verwenden Sie zwei Websites, die unter einer lokal installierten Kopie von IIS ausgeführt werden. Eine der Websites befindet sich physisch im Stammordner von IIS (im Allgemeinen C:\Inetpub\wwwroot). Eine zweite Website befindet sich in einem entsprechenden Ordner auf der Festplatte, die zweite Website ist jedoch durch die Verwendung eines virtuellen Verzeichnisses für IIS verfügbar.

Sie können die Website mithilfe von IIS testen. Wenn der Computer so konfiguriert ist, dass andere Benutzer eine Verbindung mit ihm herstellen können, ist die Website für diese Benutzer verfügbar.

Hinweis:
Wenn Sie IIS nicht auf dem Computer ausführen können, können Sie dennoch ASP.NET-Websites erstellen und testen, indem Sie Visual Web Developer ausführen. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer.

In dieser exemplarischen Vorgehensweise werden u. a. die folgenden Aufgaben veranschaulicht:

• Erstellen einer Anwendung und einer Seite im IIS-Stammverzeichnis.

• Erstellen einer Anwendung, die ein virtuelles IIS-Stammverzeichnis verwendet.

• Verwenden von IIS zum Ausführen der Seite.

• Arbeiten mit IIS im Projektmappen-Explorer.

Vorbereitungsmaßnahmen

Um diese exemplarische Vorgehensweise durchführen zu können, muss IIS auf dem Computer lokal installiert sein, und Sie müssen als Benutzer mit Administratorrechten angemeldet sein. Dies ist erforderlich, da für das Arbeiten mit der IIS-Metabasis, in der Informationen über IIS-Anwendungen gespeichert werden, Administratorrechte benötigt werden.

Erstellen einer Website im IIS-Stammverzeichnis

Im ersten Teil der exemplarischen Vorgehensweise erstellen Sie eine Website, die sich im IIS-Standardordner befindet (i. d. R. \Inetpub\wwwroot).

So erstellen Sie im IIS-Stammverzeichnis eine neue lokale IIS-Website

1. Öffnen Sie Visual Web Developer.

2. Klicken Sie im Menü Datei auf Neue Website.

   Das Dialogfeld Neue Website wird angezeigt.

3. Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

4. Klicken Sie auf Durchsuchen.

   Das Dialogfeld Speicherort auswählen wird angezeigt.

5. Klicken Sie auf Lokale IIS.

6. Klicken Sie auf Standardwebsite.

7. Klicken Sie auf das Symbol zum Erstellen einer neuen Webanwendung, das sich in der oberen rechten Ecke befindet.

   Dieses Symbol besitzt keine Bezeichnung, wenn Sie jedoch mit dem Mauszeiger darauf zeigen, wird der QuickInfo-Text Neue Webanwendung erstellen angezeigt.

   Die neue Anwendung WebSite wird unter Standardwebsite hinzugefügt.

8. Geben Sie im Feld für die neue Website LocalIISWebSite ein, und klicken Sie dann auf Öffnen.

   Das Dialogfeld Neue Website wird mit dem Feld Speicherort (ganz rechts) angezeigt, das mit https://localhost/LocalIISWebSite gefüllt wird.

9. Klicken Sie in der Liste Sprache auf die Programmiersprache, in der Sie arbeiten möchten.

   Die Programmiersprache, die Sie auswählen, ist die Standardeinstellung für die Website. Sie können jedoch auch mehrere Sprachen in der gleichen Webanwendung verwenden, indem Sie Seiten und Komponenten in unterschiedlichen Programmiersprachen erstellen.

10. Klicken Sie auf OK.

    Visual Web Developer erstellt die neue Website und öffnet eine neue Seite mit dem Namen Default.aspx. Lassen Sie diese Seite geöffnet. Diese Ausgangsseite Default.aspx verwendet das Code-Behind-Modell für Webseiten. Weitere Informationen finden Sie unter Codemodell für ASP.NET-Webseiten.

Visual Web Developer erstellt nicht nur die Ordner und Dateien für die Website, sondern interagiert auch mit IIS zum Erstellen einer IIS-Webanwendung für Ihre Website. Im Wesentlichen wird durch Visual Web Developer IIS aufgerufen, um die erforderlichen Metadaten zu erstellen, damit IIS den Ordner und die Seiten als Website erkennen kann.

Sie können die durch Visual Web Developer ausgeführten Schritte überprüfen, indem Sie die erstellen Dateien und Ordner anzeigen.

So untersuchen Sie die Struktur der lokalen IIS-Website

1. Klicken Sie in Microsoft Windows auf Start und dann auf Ausführen.

   Geben Sie im Dialogfeld Ausführen im Feld Öffnen die Zeichenfolge C:\Inetpub\wwwroot ein, und klicken Sie dann auf OK.

   Hinweis:
   Wenn IIS auf einem anderen Laufwerk oder in einem anderen Ordner installiert wurde, ändern Sie den Pfad entsprechend.

   Unter \wwwroot wird nun der neue Ordner LocalIISWebSite angezeigt.

2. Doppelklicken Sie im Dialogfeld Pfad auf LocalIISWebSite.

   Auf der Website wird folgender Inhalt angezeigt:

   • Der Ordner App_Data, der von Visual Web Developer automatisch erstellt wird.

   • Die Seite Default.aspx.

   • Die Code-Behind-Datei, d. h. Default.aspx.cs oder Default.aspx.vb, je nach Standardsprache für die Webanwendung.

Sie können der Website auf die bekannte Weise Seiten hinzufügen. Sie können der Website jedoch auch externe Seiten hinzufügen. Diese werden von Visual Web Developer als Teil der Anwendung erkannt, wobei Sie möglicherweise den Projektmappen-Explorer aktualisieren müssen, um sie anzeigen zu können.

Hinzufügen und Programmieren von Steuerelementen

In diesem Teil der exemplarischen Vorgehensweise fügen Sie der Seite die Steuerelemente Button, TextBox und Label hinzu. Anschließend schreiben Sie Code zum Behandeln des Click-Ereignisses für das Button-Steuerelement.

So fügen Sie der Seite Steuerelemente hinzu

1. Öffnen Sie in Visual Web Developer die Seite Default.aspx, oder wechseln Sie zur Seite Default.aspx, und wechseln Sie dann zur Entwurfsansicht.

2. Drücken Sie mehrmals die EINGABETASTE, um etwas Platz zu schaffen.

3. Ziehen Sie in der Toolbox von der Registerkarte Standard die folgenden drei Steuerelemente auf die Seite: TextBox, Button und Label, und platzieren Sie die Steuerelemente innerhalb des div-Elements auf der Seite.

   Hinweis:
   Wenn die Toolbox nicht angezeigt wird, klicken Sie im Menü Ansicht auf Toolbox.

4. Positionieren Sie die Einfügemarke vor dem Textfeld, und geben Sie dann Enter your name: ein.

5. Klicken Sie auf das Button-Steuerelement, und legen Sie dann im Eigenschaftenfenster die Option Text auf Anzeigename fest.

6. Klicken Sie auf das Label-Steuerelement, und löschen Sie dann im Eigenschaftenfenster die Option Text.

7. Doppelklicken Sie auf das Button-Steuerelement, das nun die Bezeichnung Anzeigename aufweist.

   Visual Web Developer öffnet die Codedatei für die Seite in einem eigenen Fenster im Editor.

   Die Datei enthält einen Click-Skeletthandler für das Button-Steuerelement.

8. Vervollständigen Sie den Click-Handler, indem Sie den folgenden markierten Code hinzufügen, der die Textzeichenfolge anzeigt, nachdem auf das Button-Steuerelement geklickt wurde.

   Sicherheitshinweis:
   Benutzereingaben auf einer ASP.NET-Webseite können möglicherweise schädliche Clientskripts enthalten. Standardmäßig werden Seiten beim Postback durch ASP.NET-Seiten überprüft, damit gewährleistet ist, dass Benutzereingaben keine Skripts oder HTML-Elemente enthalten. Weitere Informationen finden Sie unter Übersicht über Skriptangriffe.

   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. Speichern Sie die Dateien.

   Sie testen diese Webseite unter "Testen der IIS-Webanwendung" an späterer Stelle in dieser exemplarischen Vorgehensweise.

Aktualisieren der Website außerhalb von Visual Web Developer

Sie können überprüfen, dass Visual Web Developer den IIS-Pfad liest, indem Sie der Anwendung eine neue Datei hinzufügen, die nicht aus Visual Web Developer stammt.

So aktualisieren Sie die Website außerhalb von Visual Web Developer

1. Erstellen Sie mithilfe von Editor oder eines anderen Text-Editors eine neue Datei, die – je nachdem, ob Sie Visual Basic oder C# verwenden – den folgenden Text enthält.

   <%@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. Speichern Sie die Datei im Pfad C:\inetpub\wwwroot\LocalIISWebSite unter dem Namen TestPage.aspx.

   Hinweis:
   Wenn IIS auf einem anderen Laufwerk oder in einem anderen Ordner installiert wurde, ändern Sie den Pfad entsprechend.

3. Klicken Sie in Visual Web Developer im Projektmappen-Explorer auf den Namen der Website (https://localhost/LocalIISWebSite/), und klicken Sie anschließend im Menü Ansicht auf Aktualisieren.

   Die Liste von Dateien, die sich auf der Website befinden, wird aktualisiert und enthält dann die von Ihnen hinzugefügte Datei. Anschließend testen Sie die Webseiten.

Testen der IIS-Webanwendung

Sie können die Website nun testen.

So testen Sie die lokale IIS-Website

1. Öffnen Sie in Visual Web Developer die Seite Default.aspx.

2. Drücken Sie STRG+F5, um die Seite auszuführen.

   Die Seite wird im Browser geöffnet. Beachten Sie, dass der URL im Browser https://localhost/LocalIISWebSite/default.aspx lautet. Die Anforderung für die Seite erfolgt an localhost (ohne Anschlussnummer), die Behandlung erfolgt durch IIS.

3. Wenn die Seite im Browser angezeigt wird, geben Sie im Textfeld Ihren Namen ein, und klicken Sie anschließend auf Anzeigename, um sich zu vergewissern, dass die Eingabe funktioniert.

4. Öffnen Sie in Visual Web Developer die Seite TestPage.aspx.

5. Drücken Sie STRG+F5, um die Seite auszuführen.

   Die Seite wird in der gleichen Instanz des Browsers geöffnet.

6. Wenn die Seite im Browser angezeigt wird, klicken Sie auf Button1, um sich zu vergewissern, dass dies funktioniert.

7. Schließen Sie den Browser.

Wenn Sie von einem anderen Computer aus eine Verbindung mit dem Computer herstellen können, können Sie versuchen, so auf die Website zuzugreifen, als wenn es sich um eine öffentliche Website handelt. Wenn Sie von einem anderen Computer aus keine Verbindung mit dem Computer herstellen können, können Sie diese Verfahrensweise überspringen.

So testen Sie die Website als öffentliche Website

• Geben Sie von einem anderen Computer aus den URL ein, der den Webserver-Computernamen, den Namen der Website sowie default.aspx als Seite enthält:

  • Wenn auf den Computer über ein lokales Netzwerk zugegriffen werden kann, verwenden Sie den Computernamen als Server, der z. B. folgenden URL aufweist:

    http://server1/LocalIISWebSite/default.aspx

  • Wenn Sie eine Domäne auf dem Computer hosten, können Sie z. B. mit dem folgenden URL auf die Seite zugreifen:

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

  • Wenn sich der Computer in einem Netzwerk befindet oder über eine direkte Verbindung mit dem Internet verfügt, können Sie die IP-Adresse für den Computer als Servernamen verwenden. Beispiel:

    http://172.19.195.700/LocalIISWebSite/default.aspx

    Hinweis:

    Wenn Sie aufgrund der Einstellungen der Windows-Firewall Ihre Anwendung nicht von einem anderen Computer aus anzeigen können, müssen Sie möglicherweise den Webserver auf Anschluss 80 aktivieren. Hierzu klicken Sie auf der Registerkarte Erweitert der Windows-Firewall auf Einstellungen. Weitere Informationen erhalten Sie, wenn Sie auf die Seite Security Developer Center -- .NET Framework Security wechseln und nach Informationen zu Windows-Firewalleinstellungen suchen.

Erstellen einer Website als virtuelles IIS-Stammverzeichnis

Wie Sie bereits wissen, können Sie mit IIS Webanwendungen erstellen, die sich physisch im Standardstammordner (wwwroot) des Webservers befinden. Sie können jedoch auch virtuelle IIS-Verzeichnisse erstellen. Diese stellen IIS-Webanwendungen dar und zeigen auf Dateien und Ordner, die sich an beliebiger Stelle auf der Festplatte befinden können.

Hinweis:
Aus Sicherheitsgründen können Sie mit IIS keine virtuellen Verzeichnisse erstellen, die auf Ordner auf anderen Computern zeigen. Virtuelle Verzeichnisse müssen immer auf den lokalen Computer zeigen.

In diesem Teil der exemplarischen Vorgehensweise erstellen Sie mithilfe von Visual Web Developer ein virtuelles Verzeichnis, das auf eine Website zeigt, die in einem lokalen Ordner auf dem Computer gespeichert ist.

Zunächst muss das virtuelle Verzeichnis erstellt werden. Wenn Sie bereits eine Dateisystem-Website in Visual Web Developer erstellt haben (beispielsweise durch Abschließen von Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer), können Sie diese Website verwenden.

So erstellen Sie mit einem virtuellen Ordner eine lokale IIS-Website

1. Klicken Sie in Visual Web Developer im Menü Datei auf Neue Website.

2. Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

3. Klicken Sie auf Durchsuchen.

   Das Dialogfeld Speicherort auswählen wird angezeigt.

4. Klicken Sie auf Lokale IIS.

5. Klicken Sie in der Strukturansicht unter Wählen Sie die zu öffnende Website aus auf Standardwebsite, und klicken Sie dann oben rechts auf der Seite auf das Symbol Neues virtuelles Verzeichnis erstellen.

   Dieses Symbol besitzt keine Bezeichnung, wenn Sie jedoch mit dem Mauszeiger darauf zeigen, wird der QuickInfo-Text Neues virtuelles Verzeichnis erstellen angezeigt.

   Das Dialogfeld Neues virtuelles Verzeichnis wird angezeigt.

6. Geben Sie im Feld Aliasname die Zeichenfolge WebSite_vdir ein.

   Hinweis:
   Sie können für das virtuelle Verzeichnis einen beliebigen in IIS gültigen Namen verwenden.

7. Geben Sie im Feld Ordner einen der folgenden Pfade ein:

   • Den Pfad einer ggf. vorhandenen Dateisystemwebsite. Sie können auf Durchsuchen klicken und dann den Stammordner dieser Website suchen, wenn Sie den genauen Pfad nicht kennen.

   • Den Pfad, in dem Sie einen neuen Ordner zum Speichern der Ordner und Dateien für die Website erstellen möchten.

8. Klicken Sie auf OK.

   Wenn Sie einen nicht vorhandenen Ordner angegeben haben, werden Sie von Visual Web Developer aufgefordert, einen Ordner zu erstellen.

   Visual Web Developer kehrt daraufhin zum Dialogfeld Speicherort auswählen zurück und aktualisiert die Liste von IIS-Webanwendungen, die über das von Ihnen erstellte virtuelle Verzeichnis verfügen.

9. Wählen Sie das soeben von Ihnen erstellte virtuelle Verzeichnis aus, klicken Sie auf Öffnen und dann auf OK, um die Website zu erstellen.

   Wenn Sie das virtuelle Verzeichnis so eingerichtet haben, dass es auf einen neuen Ordner zeigt oder auf einen vorhandenen Ordner, der keine Website enthält, erstellt Visual Web Developer den Ordner App_Data und eine Standardseite und öffnet die Seite im Designer.

   Wenn der virtuelle Ordner auf eine vorhandene Dateisystem-Website zeigt, wird durch Visual Web Developer das Dialogfeld Website bereits vorhanden geöffnet. Sie haben hier die Möglichkeit, einen neuen Ordner auszuwählen, die vorhandene Website zu öffnen oder eine neue Website am vorhandenen Speicherort zu erstellen. Nachdem Sie die gewünschte Option ausgewählt und auf OK geklickt haben, wird durch Visual Web Developer der Inhalt des Ordners im Projektmappen-Explorer angezeigt und (sofern vorhanden) die Seite Default.aspx geöffnet.

Hinzufügen von Steuerelementen zur Webseite

Wie bereits zuvor in dieser exemplarischen Vorgehensweise verwenden Sie eine einfache ASP.NET-Webseite, um die von Ihnen erstellte IIS-Website zu testen. Wenn Sie eine vorhandene Dateisystemwebsite verwenden, müssen Sie keine neue Seite erstellen. Wenn das virtuelle Verzeichnis auf einen neuen Ordner zeigt, können Sie diese Seite verwenden.

Wenn dies eine neue Website darstellt, fügen Sie der Standardseite einige Steuerelemente hinzu, sodass Sie testen können, ob die Seite wie vorgesehen funktioniert.

So fügen Sie der Seite Steuerelemente hinzu

1. Öffnen Sie in Visual Web Developer die Seite Default.aspx, und wechseln Sie zur Entwurfsansicht.

2. Ziehen Sie in der Toolbox von der Registerkarte Standard jeweils ein Steuerelement TextBox, Button und Label auf die Seite, und platzieren Sie diese innerhalb des div-Elements.

3. Doppelklicken Sie auf das Button-Steuerelement, und fügen Sie dann den folgenden markierten Code hinzu:

   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. Speichern Sie die Dateien.

Testen des virtuellen Verzeichnisses

Sie können die Website nun testen.

So testen Sie die lokale IIS-Website mit dem virtuellen Verzeichnis

1. Öffnen Sie in Visual Web Developer eine Seite der Website, beispielsweise die Seite Default.aspx oder eine andere Seite.

2. Drücken Sie STRG+F5, um die Seite auszuführen.

   Die Seite wird im Browser geöffnet. Beachten Sie, dass der URL im Browser https://localhost/Website_vdir/default.aspx lautet. Wenn IIS den URL auflöst, wird der physische Pfad gesucht, der dem virtuellen Verzeichnis Website_vdir zugeordnet ist, und es wird die dort vorhandene Seite gesucht.

3. Wenn die Seite im Browser angezeigt wird, klicken Sie auf das Button-Steuerelement, um sich zu vergewissern, dass es funktioniert.

4. Schließen Sie den Browser.

Wenn Sie von einem anderen Computer aus eine Verbindung mit dem Computer herstellen können, können Sie dieselben Tests ausführen, mit denen Sie im vorherigen Abschnitt versucht haben, auf die Seite zuzugreifen.

Löschen einer lokalen IIS-Website

Sie können lokale IIS-Websites in Visual Web Developer verwalten, indem Sie nicht mehr benötigte Websites löschen. Bei der Art und Weise des Löschens besteht ein wichtiger Unterschied, je nachdem, mit welchem Typ von lokaler IIS-Website Sie arbeiten. Dies verhält sich folgendermaßen:

• Wenn Sie eine Website im IIS-Stammverzeichnis löschen, wird die Webanwendung aus IIS gelöscht. Die Dateien und Ordner für die Website werden ebenfalls gelöscht.

• Wenn Sie ein virtuelles Verzeichnis löschen, werden die IIS-Informationen zu dieser Website gelöscht, die Dateien und Ordner im lokalen Dateisystemordner bleiben jedoch intakt.

So löschen Sie die lokale IIS-Website

1. Klicken Sie im Menü Datei auf Projektmappe schließen oder Projekt schließen.

2. Klicken Sie im Menü Datei auf Website öffnen.

3. Klicken Sie im Dialogfeld Website öffnen auf Lokale IIS.

4. Klicken Sie auf den Namen des zuvor in dieser exemplarischen Vorgehensweise erstellten virtuellen Verzeichnisses (Website_vdir).

   Vorsicht:
   Wenn Sie eine andere Website auswählen, werden die Dateien und Ordner für diese Website möglicherweise gelöscht.

5. Klicken Sie in der oberen Ecke auf das Symbol zum Löschen.

   Dieses Symbol besitzt keine Bezeichnung, wenn Sie jedoch mit dem Mauszeiger darauf zeigen, wird der QuickInfo-Text Löschen angezeigt.

6. Wenn Sie dazu aufgefordert werden, das Löschen der Website zu bestätigen, klicken Sie auf Ja.

7. Klicken Sie auf Abbrechen, um das Dialogfeld Website öffnen zu schließen.

8. Öffnen Sie den Browser, und geben Sie dann den URL für das virtuelle Verzeichnis ein:

   https://localhost/Website_vdir/default.aspx

   Diesmal enthält der Browser die Information, dass die Seite nicht gefunden werden kann, da Website_vdir von IIS nicht mehr als Website auf dem lokalen Computer erkannt wird.

   Hinweis:
   Möglicherweise wurde die Seite vom lokalen Browser zwischengespeichert. In diesem Fall wird die Seite möglicherweise weiterhin angezeigt, bis Sie den Browsercache leeren und dann erneut versuchen, die Seite anzuzeigen.

Nächste Schritte

In dieser exemplarischen Vorgehensweise haben Sie gelernt, wie eine Website mithilfe einer lokalen Kopie von IIS erstellt wird. Möglicherweise möchten Sie sich auch mit anderen Typen von Websites vertraut machen, die Sie in Visual Web Developer erstellen können. Hierzu haben Sie folgende Möglichkeiten:

• Sie können eine Dateisystemwebsite erstellen, bei der die Seiten in einem Ordner an einem beliebigen Speicherort auf der Festplatte gespeichert werden.

  Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen einer einfachen Webseite in Visual Web Developer.

• Sie können sich mit dem Verfahren zum Öffnen und Bearbeiten von Websites mit FTP vertraut machen.

  Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Bearbeiten von Websites mit FTP in Visual Web Developer.

Siehe auch

Konzepte

Typen von Websites in Visual Web Developer

Verwenden von Visual Web Developer als Benutzer ohne Administratorrechte