AWS Cloud9 ist für Neukunden nicht mehr verfügbar. Bestehende Kunden von AWS Cloud9 können den Dienst weiterhin wie gewohnt nutzen. [Weitere Informationen](https://aws.amazon.com/blogs/devops/how-to-migrate-from-aws-cloud9-to-aws-ide-toolkits-or-aws-cloudshell/)

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

# Vorschau laufender Anwendungen in der IDE AWS Cloud9
<a name="app-preview"></a>

Sie können die AWS Cloud9 Integrierte Entwicklungsumgebung (IDE) verwenden, um eine laufende Anwendung in der IDE in der Vorschau anzuzeigen.

## Ausführen einer Anwendung
<a name="app-preview-run-app"></a>

Bevor Sie eine Vorschau Ihrer Anwendung in der IDE anzeigen können, muss Ihre Anwendung in der AWS Cloud9 Entwicklungsumgebung ausgeführt werden. Sie muss HTTP über die folgenden Ports verwenden:
+ `8080`
+ `8081`
+ `8082`

Alle oben genannten Ports müssen die IP-Adresse von `127.0.0.1``localhost`, oder verwenden`0.0.0.0`.

**Anmerkung**  
Sie müssen Ihre Anwendung nicht mit HTTP über Port `8080`, `8081` oder `8082` mit der IP-Adresse `127.0.0.1`, `localhost` oder `0.0.0.0` ausführen. Wenn Sie dies nicht tun, können Sie jedoch keine Vorschau Ihrer ausgeführten Anwendung in der IDE anzeigen.

**Anmerkung**  
Die Vorschauanwendung wird innerhalb der IDE ausgeführt und in ein iframe-Element geladen. Einige Anwendungsserver blockieren möglicherweise standardmäßig Anfragen, die von Iframe-Elementen wie dem X-Frame-Options Header stammen. Wenn Ihre Vorschauanwendung nicht auf der Vorschau-Registerkarte angezeigt wird, stellen Sie sicher, dass Ihr Anwendungsserver die Anzeige des Inhalts in Iframes nicht verbietet. 

Informationen zum Schreiben von Code für die Ausführung Ihrer Anwendung über einen bestimmten Port und eine bestimmte IP-Adresse finden Sie in der Dokumentation Ihrer Anwendung.

Informationen zum Ausführen Ihrer Anwendung finden Sie unter [Ihren Code ausführen](build-run-debug.md#build-run-debug-run).

Um dieses Verhalten zu testen, fügen Sie den folgenden JavaScript Code zu einer Datei hinzu, die `server.js` im Stammverzeichnis Ihrer Umgebung benannt ist. Dieser Code führt einen Server mit einer Datei namens Node.js aus.

**Anmerkung**  
Im folgenden Beispiel ist `text/html` der `Content-Type` des zurückgegebenen Inhalts. Geben Sie einen anderen `Content-Type` an, um den Inhalt in einem anderen Format zurückzugeben. Sie können beispielsweise `text/css` für ein CSS-Dateiformat angeben.

```
var http = require('http');
var fs = require('fs');
var url = require('url');

http.createServer( function (request, response) {
  var pathname = url.parse(request.url).pathname;
  console.log("Trying to find '" + pathname.substr(1) + "'...");

  fs.readFile(pathname.substr(1), function (err, data) {
    if (err) {
      response.writeHead(404, {'Content-Type': 'text/html'});
      response.write("ERROR: Cannot find '" + pathname.substr(1) + "'.");
      console.log("ERROR: Cannot find '" + pathname.substr(1) + "'.");
    } else {
      console.log("Found '" + pathname.substr(1) + "'.");
      response.writeHead(200, {'Content-Type': 'text/html'});
      response.write(data.toString());
    }
    response.end();
  });
}).listen(8080, 'localhost'); // Or 8081 or 8082 instead of 8080. Or '127.0.0.1' instead of 'localhost'.
```

Im Stammverzeichnis Ihrer Umgebung können Sie einer Datei mit einem Namen wie beispielsweise `server.py` den folgenden Python-Code hinzufügen. Im folgenden Beispiel wird ein Server mit Python ausgeführt.

```
import os
import http.server
import socketserver

ip = 'localhost' # Or '127.0.0.1' instead of 'localhost'.
port = '8080' # Or '8081' or '8082' instead of '8080'.
Handler = http.server.SimpleHTTPRequestHandler
httpd = socketserver.TCPServer((ip, int(port)), Handler)
httpd.serve_forever()
```

Fügen Sie im Stammverzeichnis Ihrer Umgebung einer Datei mit dem Namen `index.html` den folgenden HTML-Code hinzu.

```
<html>
  <head>
    <title>Hello Home Page</title>
  </head>
  <body>
    <p style="font-family:Arial;color:blue">Hello, World!</p>
  </body>
</html>
```

Um die HTML-Ausgabe dieser Datei auf der Registerkarte mit der Anwendungsvorschau zu sehen, führen Sie `server.js` mit Node.js oder `server.py` mit Python aus. Führen Sie anschließend die im nächsten Abschnitt beschriebenen Schritte aus, um eine Vorschau anzuzeigen. Fügen Sie auf der Registerkarte "Application preview" (Anwendungsvorschau) `/index.html` am Ende der URL hinzu und drücken Sie dann `Enter`.

## Vorschau einer laufenden Anwendung
<a name="app-preview-preview-app"></a>

Bevor Sie eine Vorschau Ihrer Anwendung anzeigen, stellen Sie Folgendes sicher:
+ Ihre Anwendung wird mit dem HTTP-Protokoll über Port `8080`, `8081` oder `8082` ausgeführt.
+ Die IP-Adresse Ihrer Anwendung in der Umgebung lautet `127.0.0.1`, `localhost` oder `0.0.0.0`. 
+ Ihre Anwendungscodedatei ist in der AWS Cloud9 IDE geöffnet und aktiv.

Nachdem Sie alle diese Angaben bestätigt haben, wählen Sie in der Menüleiste eine der folgenden Optionen aus:
+  **Preview, Preview Running Application (Vorschau, Vorschau für laufende Anwendung anzeigen)** 
+  **Tools, Preview Running Application (Tools, Vorschau für laufende Anwendung anzeigen)** 

Beide Optionen öffnen in der Umgebung eine Registerkarte mit einer Anwendungsvorschau und zeigen dann die Ausgabe der Anwendung auf der Registerkarte an.

**Anmerkung**  
Wenn die Anwendungsvorschau einen Fehler anzeigt oder leer ist, führen Sie die unter [Registerkarte mit der Anwendungsvorschau zeigt einen Fehler oder ist leer](troubleshooting.md#troubleshooting-app-preview) beschriebenen Schritte zur Problembehandlung aus. Wenn Sie versuchen, eine Anwendung oder Datei in der Vorschau anzuzeigen, der folgende Hinweis angezeigt wird: *„Die Vorschaufunktion ist deaktiviert, weil in Ihrem Browser Drittanbieter-Cookies deaktiviert sind“*, folgen Sie den Schritten zur Fehlerbehebung unter[Hinweis zur Anwendungs- oder Dateivorschau: „Cookies von Drittanbietern deaktiviert“](troubleshooting.md#troubleshooting-preview).

**Anmerkung**  
Wenn die Anwendung nicht bereits ausgeführt wird, wird ein Fehler auf der Registerkarte mit der Anwendungsvorschau angezeigt. Führen Sie die Anwendung aus oder starten Sie sie neu und wählen Sie dann erneut den Befehl in der Menüleiste, um diesen Fehler zu beheben.  
Nehmen wir zum Beispiel an, dass Ihre Anwendung auf keinem der IPs genannten Ports ausgeführt werden kann. Oder Ihre Anwendung muss über mehr als einen dieser Ports gleichzeitig ausgeführt werden. Beispielsweise muss Ihre Anwendung gleichzeitig über die Ports `8080` und `3000` ausgeführt werden. In diesem Fall zeigt die Registerkarte mit der Anwendungsvorschau möglicherweise einen Fehler an oder sie ist leer. Das liegt daran, dass die Registerkarte „Anwendungsvorschau“ in der Umgebung nur mit den vorherigen Ports und funktioniert IPs. Darüber hinaus funktioniert die Anwendung nur mit jeweils einem einzigen Port gleichzeitig.  
Wir empfehlen nicht, die URL in der Anwendungsvorschau-Registerkarte an andere weiterzugeben. (Die URL hat das folgende Format:`https://12a34567b8cd9012345ef67abcd890e1.vfs.cloud9.us-east-2.amazonaws.com/`. In diesem Format `12a34567b8cd9012345ef67abcd890e1` ist dies die ID, die der Umgebung AWS Cloud9 zugewiesen wird. `us-east-2`ist die ID AWS-Region für die Umgebung.) Dieser URL funktioniert nur, wenn die IDE; für die Umgebung geöffnet ist und die Anwendung im gleichen Webbrowser ausgeführt wird.  
Wenn Sie versuchen, die IP von `127.0.0.1``localhost`, oder `0.0.0.0` mithilfe der Registerkarte Anwendungsvorschau in der IDE oder in einer separaten Webbrowser-Registerkarte außerhalb der IDE aufzurufen, versucht die AWS Cloud9 IDE standardmäßig, zu Ihrem lokalen Computer zu gelangen, anstatt zu der Instanz oder Ihrem eigenen Server, der mit der Umgebung verbunden ist.

Eine Anleitung dazu, wie Sie anderen eine Vorschau Ihrer ausgeführten Anwendung außerhalb der IDE anzeigen können, finden Sie unter [Freigabe einer laufenden Anwendung über das Internet](app-preview-share.md).

# Anwendungsvorschau neu laden
<a name="app-preview-app-reload"></a>

Um eine Anwendungsvorschau erneut zu laden, wählen Sie die folgende Option:

Klicken Sie auf der Anwendungsvorschau-Registerkarte auf die Schaltfläche **Refresh (Aktualisieren)** (der kreisförmige Pfeil).

**Anmerkung**  
Dieser Befehl startet den Server nicht neu. Er aktualisiert nur den Inhalt der Anwendungsvorschau.

# Typ der Anwendungsvorschau ändern
<a name="app-preview-app-preview-type"></a>

Um den Typ der Anwendungsvorschau zu ändern, wählen Sie die folgende Option:

Wählen Sie auf der Registerkarte Anwendungsvorschau eine der folgenden Optionen aus der Liste der Vorschautypen aus:
+  **Browser**: Zeigt die Ausgabe in einem Webbrowser-Format an.
+  **Raw Content (UTF-8)**: Versucht, eine Vorschau der Ausgabe im UTF-8-Format (Unicode Transformation Format, 8-Bit) anzuzeigen, falls möglich.
+  **Markdown**: Versucht, eine Vorschau der Ausgabe im Markdown-Format anzuzeigen, falls möglich.

# Öffnen einer Anwendungsvorschau in einer separaten Registerkarte des Webbrowsers
<a name="app-preview-app-open-tab"></a>

Um eine Anwendungsvorschau auf einer separaten Webbrowser-Registerkarte zu öffnen, wählen Sie die folgende Option:

Öffnen Sie die Anwendungsvorschau-Registerkarte und klicken Sie auf **Pop Out Into New Window (In neuem Fenster öffnen)**.

**Anmerkung**  
****Die AWS Cloud9 IDE muss außerdem auf mindestens einer anderen Registerkarte im selben Webbrowser ausgeführt werden. Andernfalls wird die Anwendungsvorschau nicht in einer separaten Webbrowser-Registerkarte angezeigt.  
Die AWS Cloud9 IDE muss auch auf mindestens einer anderen Registerkarte im selben Webbrowser ausgeführt werden. Andernfalls wird die Anwendungsvorschau nicht in einer separaten Webbrowser-Registerkarte angezeigt. Wenn die Anwendungsvorschau einen Fehler anzeigt oder leer ist, führen Sie die unter [Hinweis zur Anwendungs- oder Dateivorschau: „Cookies von Drittanbietern deaktiviert“](troubleshooting.md#troubleshooting-preview) beschriebenen Schritte zur Problembehandlung aus.

# Wechseln zu einer anderen Vorschau-URL
<a name="app-preview-url-switch"></a>

Um zu einer anderen Vorschau-URL zu wechseln, wählen Sie die folgende Option:

Geben Sie auf der Registerkarte mit der Anwendungsvorschau den Pfad zu einer anderen URL in der Adressleiste ein. Die Adressleiste befindet sich zwischen der Schaltfläche **Refresh (Aktualisieren)** und der Vorschautypliste.

# Freigabe einer laufenden Anwendung über das Internet
<a name="app-preview-share"></a>

Nachdem Sie eine Vorschau Ihrer laufenden Anwendung erstellt haben, können Sie diese über das Internet anderen zur Verfügung stellen.

Wenn eine Amazon-EC2-Instance mit Ihrer Umgebung verbunden ist, führen Sie diese Schritte aus. Informieren Sie sich andernfalls in der Dokumentation Ihres Servers.

**Topics**
+ [Schritt 1: Ermitteln der ID und der IP-Adresse der Instance](#app-preview-share-get-metadata)
+ [Schritt 2: Einrichten der Sicherheitsgruppe für die Instance](#app-preview-share-security-group)
+ [Schritt 3: Einrichten des Subnetzes für die Instance](#app-preview-share-subnet)
+ [Schritt 4: Freigabe der URL der ausgeführten Anwendung](#app-preview-share-url)

## Schritt 1: Ermitteln der ID und der IP-Adresse der Instance
<a name="app-preview-share-get-metadata"></a>

In diesem Schritt notieren Sie die Instance-ID und die öffentliche IP-Adresse der Amazon-EC2-Instance, die mit der Umgebung verbunden ist. Sie benötigen die Instance-ID in einem späteren Schritt, um eingehende Anwendungsanforderungen zuzulassen. Dann geben Sie die öffentliche IP-Adresse an andere weiter, damit diese auf die ausgeführte Anwendung zugreifen können.

1. Ermittelt die Amazon-EC2-Instance-ID. Führen Sie dazu einen der folgenden Schritte aus:
   + Führen Sie in einer Terminalsitzung in der AWS Cloud9 IDE für die Umgebung den folgenden Befehl aus, um die ID der Amazon EC2 EC2-Instance abzurufen.

     ```
     curl http://169.254.169.254/latest/meta-data/instance-id
     ```

     Die Instance-ID weist das folgende Format auf: `i-12a3b456c789d0123`. Notieren Sie sich diese Instance-ID.
   + Wählen Sie in der IDE für die Umgebung in der Menüleiste Ihr Benutzersymbol und dann **Manage EC2 Instance (EC2-Instance verwalten)** aus.  
![\[Sie entscheiden sich dafür, die Instance von der IDE aus zu AWS Cloud9 verwalten\]](http://docs.aws.amazon.com/de_de/cloud9/latest/user-guide/images/console-manage-instance.png)

     Notieren Sie die Instance-ID, die in der Spalte **Instance ID (Instance-ID)** der Amazon-EC2-Konsole angezeigt wird. Die Instance-ID weist dieses Format auf: `i-12a3b456c789d0123`.

1. Ermitteln Sie die öffentliche IP-Adresse der &Amazon-EC2-Instance. Führen Sie dazu einen der folgenden Schritte aus:
   + Wählen Sie in der IDE für die Umgebung in der Menüleiste **Share (Freigeben)** aus. Notieren Sie die im Dialogfeld **Share this environment (Diese Umgebung freigeben)** im Feld **Application (Anwendung)** angezeigte öffentliche IP-Adresse. Die öffentliche IP-Adresse weist dieses Format auf: `192.0.2.0`.
   + Führen Sie in einer Terminalsitzung in der IDE für die Umgebung den folgenden Befehl aus, um die öffentliche IP-Adresse der Amazon-EC2-Instance zu erhalten.

     ```
     curl http://169.254.169.254/latest/meta-data/public-ipv4
     ```

     Die öffentliche IP-Adresse weist dieses Format auf: `192.0.2.0`. Notieren Sie sich diese öffentliche IP-Adresse.
   + Wählen Sie in der IDE für die Umgebung in der Menüleiste Ihr Benutzersymbol und dann **Manage EC2 Instance (EC2-Instance verwalten)** aus. Notieren Sie sich in der angezeigten Amazon EC2 EC2-Konsole auf der Registerkarte **Beschreibung** die öffentliche IP-Adresse für das Feld **IPv4 Öffentliche IP**. Die öffentliche IP-Adresse weist dieses Format auf: `192.0.2.0`.
**Anmerkung**  
Die öffentliche IP-Adresse Ihrer Anwendung kann sich jedes Mal ändern, wenn die Instance für Ihre Anwendung neu gestartet wird. Um zu verhindern, dass sich Ihre IP-Adresse ändert, weisen Sie eine Elastic-IP-Adresse zu. Weisen Sie diese Adresse dann der laufenden Instance zu. Anweisungen finden Sie unter [Zuweisen einer Elastic IP-Adresse](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/elastic-ip-addresses-eip.html#using-instance-addressing-eips-allocating) und [Zuordnen einer Elastic IP-Adresse zu einer laufenden Instance](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/elastic-ip-addresses-eip.html#using-instance-addressing-eips-associating) im *Amazon EC2 EC2-Benutzerhandbuch*. Durch die Zuweisung einer Elastic IP-Adresse können für Sie AWS-Konto Gebühren anfallen. Weitere Informationen finden Sie unter [Amazon EC2 – Preise](https://aws.amazon.com/ec2/pricing/).

## Schritt 2: Einrichten der Sicherheitsgruppe für die Instance
<a name="app-preview-share-security-group"></a>

In diesem Schritt richten Sie in der Amazon-EC2-Konsole die Amazon-EC2-Sicherheitsgruppe für die Instance ein, die mit der Umgebung verbunden ist. Richten Sie sie so ein, dass eingehende HTTP-Anfragen über Port 8080, 8081 oder 8082 zugelassen werden.

**Anmerkung**  
Sie müssen nicht unbedingt HTTP über Port `8080`, `8081` oder `8082` verwenden. Aber wenn Sie dies nicht tun, können Sie keine Vorschau Ihrer ausgeführten Anwendung in der IDE anzeigen. Weitere Informationen finden Sie unter [Vorschau einer laufenden Anwendung](app-preview.md#app-preview-preview-app). Wenn Sie ein anderes Protokoll oder einen anderen Port verwenden, dann ersetzen Sie die entsprechenden Werte in diesem Schritt.  
Richten Sie für eine zusätzliche Sicherheitsebene eine Zugriffssteuerungsliste (ACL) für ein Subnetz in einer VPC ein, die die Instance verwenden kann. Weitere Informationen zu Sicherheitsgruppen und Netzwerken ACLs finden Sie im Folgenden:  
 [Schritt 3: Einrichten des Subnetzes für die Instance](#app-preview-share-subnet) 
 [Sicherheit](https://docs.aws.amazon.com/vpc/latest/userguide/VPC_Security.html) im *Amazon-VPC-Benutzerhandbuch*
 [Sicherheitsgruppen für Ihre VPC](https://docs.aws.amazon.com/vpc/latest/userguide/vpc-security-groups.html) im *Amazon VPC-Benutzerhandbuch*
 [Netzwerk ACLs](https://docs.aws.amazon.com/vpc/latest/userguide/what-is-amazon-vpc.html) im *Amazon VPC-Benutzerhandbuch*

1. Wählen Sie in der IDE für die Umgebung in der Menüleiste Ihr Benutzersymbol und dann **Manage EC2 Instance (EC2-Instance verwalten)** aus. Anschließend fahren Sie mit Schritt 3 in diesem Verfahren fort.

1. Wenn bei Auswahl von **Manage EC2 Instance** (EC2-Instance verwalten) oder anderen Schritten in diesem Verfahren Fehler angezeigt werden, melden Sie sich bei der Amazon-EC2-Konsole mit den Anmeldeinformationen eines Administrators bei Ihrem AWS-Konto an. Führen Sie anschließend die folgenden Anweisungen aus. Falls dies nicht möglich ist, wenden Sie sich an Ihren AWS-Konto -Administrator.

   1. Melden Sie sich unter [https://console.aws.amazon.com/ AWS-Managementkonsole](https://console.aws.amazon.com/)an, falls Sie noch nicht angemeldet sind.

   1. Öffnen Sie die Amazon EC2-Konsole. Wählen Sie dazu in der Navigationsleiste die Option **Services** aus. Wählen Sie anschließend **EC2** aus.

   1. Wählen Sie in der Navigationsleiste aus, AWS-Region wo sich Ihre Umgebung befindet.

   1. Wenn das **EC2 Dashboard** angezeigt wird, wählen Sie **Running Instances (Instances ausführen)** aus. Erweitern Sie andernfalls im Service-Navigationsbereich **Instances**, sofern diese Option noch nicht erweitert ist, und wählen Sie dann **Instances** aus.

   1. Wählen Sie in der Liste der Instances die Instance aus, bei der die **Instance ID** (Instance-ID) mit der zuvor notierten Instance-ID übereinstimmt.

1. Wählen Sie auf der Registerkarte **Description** (Beschreibung) der Instance neben **Security groups** (Sicherheitsgruppen) den Link zur Sicherheitsgruppe aus.

1. Wenn die Sicherheitsgruppe angezeigt wird, sehen Sie sich die Registerkarte **Inbound (Eingehend)** an. Wenn eine Regel vorhanden ist, in der **Type** (Typ) auf **Custom TCP Rule** (Benutzerdefinierte TCP-Regel) und **Port Range** (Portbereich) auf **8080**, **8081** oder **8082** gesetzt ist, wählen Sie **Cancel** (Abbrechen) aus und fahren Sie mit [Schritt 3: Einrichten des Subnetzes für die Instance](#app-preview-share-subnet) fort. Klicken Sie andernfalls auf **Edit (bearbeiten)**.

1. Wählen Sie im Dialogfenster **Edit inbound rules (Eingangsregeln bearbeiten)** die Option **Add Rule (Regel hinzufügen)** aus.

1. Wählen Sie für **Type** **Custom TCP Rule** aus.

1. Geben Sie für **Port Range** (Portbereich) `8080`, `8081` oder `8082` ein.

1. Wählen Sie unter **Source (Quelle)** die Option **Anywhere (Alle)** aus.
**Anmerkung**  
Mit der Auswahl von **Anywhere** (Alle) für **Source** (Quelle) erlauben Sie eingehende Anfragen von jeder beliebigen IP-Adresse. Wenn Sie dies auf bestimmte IP-Adressen beschränken möchten, wählen Sie **Custom** (Benutzerdefiniert) und geben Sie dann den IP-Adressbereich ein. Sie können auch **My IP** (Meine IP) wählen, um dies auf Anfragen von Ihrer IP-Adresse zu beschränken.

1. Wählen Sie **Speichern**.

## Schritt 3: Einrichten des Subnetzes für die Instance
<a name="app-preview-share-subnet"></a>

Verwenden Sie die Amazon-EC2- und die Amazon-VPC-Konsole, um ein Subnetz für die Amazon-EC2-Instance einzurichten, das mit der Umgebung verbunden ist. Lassen Sie dann eingehende HTTP-Anfragen über Port 8080, 8081 oder 8082 zu.

**Anmerkung**  
Sie müssen nicht unbedingt HTTP über Port `8080`, `8081` oder `8082` verwenden. Wenn Sie dies nicht tun, können Sie jedoch keine Vorschau Ihrer ausgeführten Anwendung in der IDE anzeigen. Weitere Informationen finden Sie unter [Vorschau einer laufenden Anwendung](app-preview.md#app-preview-preview-app). Wenn Sie ein anderes Protokoll oder einen anderen Port verwenden, dann ersetzen Sie die entsprechenden Werte in diesem Schritt.  
Dieser Schritt beschreibt, wie Sie eine Netzwerk-ACL für ein Subnetz in einem Amazon VPC einrichten, das die Instance verwenden kann. Dieser Schritt ist nicht erforderlich, er wird jedoch empfohlen. Mit dem Einrichten einer Netzwerk-ACL wird eine zusätzliche Sicherheitsebene hinzugefügt. Weitere Informationen zum Netzwerk ACLs finden Sie unter:  
 [Sicherheit](https://docs.aws.amazon.com/vpc/latest/userguide/VPC_Security.html) im *Amazon-VPC-Benutzerhandbuch*
 [Netzwerk ACLs](https://docs.aws.amazon.com/vpc/latest/userguide/vpc-network-acls.html) im *Amazon VPC-Benutzerhandbuch*

1. Erweitern Sie im Service-Navigationsbereich der Amazon-EC2-Konsole **Instances**, sofern diese Option noch nicht erweitert ist, und wählen Sie dann **Instances** aus.

1. Wählen Sie in der Liste der Instances die Instance aus, bei der die **Instance ID** (Instance-ID) mit der zuvor notierten Instance-ID übereinstimmt.

1. Notieren Sie auf der Registerkarte **Description (Beschreibung)** der Instance den Wert der **Subnet ID (Subnetz-ID)**. Die Subnetz-ID weist das folgende Format auf: `subnet-1fab8aEX`.

1. Öffnen Sie die Amazon VPC-Konsole. Wählen Sie dazu in der AWS Navigationsleiste **Services** und dann **VPC** aus.

   Wir empfehlen Ihnen, sich für diesen Schritt unter Verwendung der Anmeldeinformationen eines Administrators bei Ihrem AWS-Konto in der Amazon-VPC-Konsole anzumelden. Wenn Sie dies nicht tun können, wenden Sie sich an Ihren AWS-Konto Administrator.

1. Wenn das **VPC Dashboard** angezeigt wird, wählen Sie **Subnets (Subnetze)** aus. Wählen Sie andernfalls im Service-Navigationsbereich **Subnets (Subnetze)** aus.

1. Wählen Sie in der Liste der Subnetze das Subnetz mit der **Subnet ID** (Subnetz-ID) aus, die mit der zuvor notierten Subnetz ID übereinstimmt.

1. Wählen Sie auf der Registerkarte **Summary** (Übersicht) den Link zum Netzwerk-ACL neben **Network ACL** (Netzwerk-ACL) aus.

1. Wählen Sie in der Liste der Netzwerke ACLs die Netzwerk-ACL aus. (Es ist nur eine Netzwerk-ACL vorhanden.)

1. Suchen Sie auf der Registerkarte **Inbound Rules (Eingangsregeln)** nach der Netzwerk-ACL. Wenn bereits eine Regel existiert, in der **Type** (Typ) auf **HTTP\$1 (8080)**, **HTTP\$1 (8081)** oder **HTTP\$1 (8082**) gesetzt ist, können Sie direkt mit [Schritt 4: Freigabe der URL der ausgeführten Anwendung](#app-preview-share-url) fortfahren. Klicken Sie andernfalls auf **Edit (bearbeiten)**.

1. Wählen Sie **Add another rule**.

1. Geben Sie unter **Rule \$1** (Regelnr.) eine Nummer für die Regel ein (z. B. `200`).

1. Wählen Sie für **Type** **Custom TCP Rule** aus.

1. Geben Sie für **Port Range (Portbereich)** den Wert `8080`, `8081` oder `8082` ein.

1. Geben Sie für **Source (Quelle)** den IP-Adressbereich ein, für den eingehende Anfragen zugelassen sind. Um beispielsweise eingehende Anfragen von allen IP-Adressen zuzulassen, geben Sie `0.0.0.0/0` ein.

1. Wählen Sie **ALLOW (ZULASSEN)** für **Allow / Deny (Zulassen/Verweigern)** aus und wählen Sie dann **Save (Speichern)** aus.

## Schritt 4: Freigabe der URL der ausgeführten Anwendung
<a name="app-preview-share-url"></a>

Nachdem Ihre Anwendung ausgeführt wurde, können Sie sie für andere freigeben, indem Sie die URL der Anwendung angeben. Dazu benötigen Sie die öffentliche IP-Adresse, die Sie zuvor notiert haben. Um die vollständige URL Ihrer Anwendung zu schreiben, stellen Sie sicher, dass Sie die öffentliche IP-Adresse Ihrer Anwendung mit dem richtigen Protokoll starten. Wenn Ihr Anwendungsport nicht der Standardport für das verwendete Protokoll ist, fügen Sie als Nächstes die Portnummerinformationen hinzu. Im Folgenden finden Sie ein Beispiel für eine Anwendungs-URL: `http://192.0.2.0:8080/index.html` unter Verwendung von HTTP über Port 8080.

Wenn die hierdurch entstandene Webbrowser-Registerkarte einen Fehler anzeigt oder leer ist, befolgen Sie die unter [Die laufende Anwendung kann nicht außerhalb der IDE angezeigt werden](troubleshooting.md#troubleshooting-app-sharing) angegebenen Schritte zur Problembehandlung.

**Anmerkung**  
Die öffentliche IP-Adresse Ihrer Anwendung kann sich jedes Mal ändern, wenn die Instance für Ihre Anwendung neu gestartet wird. Um zu verhindern, dass sich Ihre IP-Adresse ändert, weisen Sie eine Elastic-IP-Adresse zu und ordnen Sie diese dann der laufenden Instance zu. Anweisungen finden Sie unter [Zuweisen einer Elastic IP-Adresse](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/elastic-ip-addresses-eip.html#using-instance-addressing-eips-allocating) und [Zuordnen einer Elastic IP-Adresse zu einer laufenden Instance](https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/elastic-ip-addresses-eip.html#using-instance-addressing-eips-associating) im *Amazon EC2 EC2-Benutzerhandbuch*. Durch die Zuweisung einer Elastic IP-Adresse können für Sie AWS-Konto Gebühren anfallen. Weitere Informationen finden Sie unter [Amazon EC2 – Preise](https://aws.amazon.com/ec2/pricing/).  
Sie müssen Ihre Anwendung nicht mit HTTP über Port `8080`, `8081` oder `8082` ausführen. Wenn Sie dies nicht tun, können Sie jedoch keine Vorschau Ihrer ausgeführten Anwendung in der IDE anzeigen. Weitere Informationen finden Sie unter [Vorschau einer laufenden Anwendung](app-preview.md#app-preview-preview-app).  
Angenommen, es handelt sich beispielsweise um Anfragen, die von einem VPN stammen, das den Datenverkehr über das angeforderte Protokoll oder den angeforderten Port blockiert. Dann schlagen diese Anfragen für den Zugriff auf die URL Ihrer Anwendung möglicherweise fehl. Anfragen müssen von einem anderen Netzwerk ausgehen, das den Datenverkehr über das angeforderte Protokoll und den Port erlaubt. Weitere Informationen erhalten Sie von Ihrem Netzwerkadministrator.  
Wir raten davon ab, die URL in der Registerkarte mit der Anwendungsvorschau in der IDE an andere weiterzugeben. (Diese URL hat das folgende Format:. `https://12a34567b8cd9012345ef67abcd890e1.vfs.cloud9.us-east-2.amazonaws.com/` In diesem Format `12a34567b8cd9012345ef67abcd890e1` ist dies die ID, die der Umgebung AWS Cloud9 zugewiesen wird. `us-east-2`ist die ID von AWS-Region für die Umgebung.) Dieser URL funktioniert nur, wenn die IDE; für die Umgebung geöffnet ist und die Anwendung im gleichen Webbrowser ausgeführt wird.