

 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.

# TypeScript Tutorial für AWS Cloud9
<a name="sample-typescript"></a>

Dieses Tutorial zeigt Ihnen, wie Sie TypeScript in einer AWS Cloud9 Entwicklungsumgebung damit arbeiten.

Wenn Sie diesem Tutorial folgen und dieses Beispiel erstellen, kann dies zu Belastungen Ihres AWS Kontos führen. Dies umfasst mögliche Kosten für Services wie Amazon EC2 und Amazon S3. Weitere Informationen finden Sie unter [Amazon EC2 – Preise](https://aws.amazon.com/ec2/pricing/) und [Amazon S3 – Preise](https://aws.amazon.com/s3/pricing/).

**Topics**
+ [Voraussetzungen](#sample-typescript-prereqs)
+ [Schritt 1: Installieren der erforderlichen Tools](#sample-typescript-install)
+ [Schritt 2: Code hinzufügen](#sample-typescript-code)
+ [Schritt 3: Ausführen des Codes](#sample-typescript-run)
+ [Schritt 4: Installieren und konfigurieren Sie das AWS SDK für JavaScript in Node.js](#sample-typescript-sdk)
+ [Schritt 5: AWS SDK-Code hinzufügen](#sample-typescript-sdk-code)
+ [Schritt 6: Führen Sie den AWS SDK-Code aus](#sample-typescript-sdk-run)
+ [Schritt 7: Bereinigen](#sample-typescript-clean-up)

## Voraussetzungen
<a name="sample-typescript-prereqs"></a>

Bevor Sie dieses Beispiel verwenden, stellen Sie sicher, dass Ihre Einrichtung die folgenden Anforderungen erfüllt:
+ **Sie müssen über eine bestehende AWS Cloud9 EC2-Entwicklungsumgebung verfügen.** Bei diesem Beispiel wird davon ausgegangen, dass Sie bereits eine EC2-Umgebung eingerichtet haben, die mit einer Amazon-EC2-Instance verbunden ist, die Amazon Linux oder Ubuntu Server ausführt. Wenn Sie ein andere Art von Umgebung oder ein anderes Betriebssystem verwenden, müssen Sie die Anweisungen dieses Beispiels zum Einrichten zugehöriger Tools möglicherweise anpassen. Weitere Informationen finden Sie unter [Schaffung einer Umgebung in AWS Cloud9](create-environment.md).
+ **Sie haben die AWS Cloud9 IDE für die bestehende Umgebung bereits geöffnet.** Wenn Sie eine Umgebung AWS Cloud9 öffnen, wird die IDE für diese Umgebung in Ihrem Webbrowser geöffnet. Weitere Informationen finden Sie unter [Öffnen einer Umgebung in AWS Cloud9](open-environment.md).

## Schritt 1: Installieren der erforderlichen Tools
<a name="sample-typescript-install"></a>

In diesem Schritt installieren TypeScript Sie mit Node Package Manager (**`npm`**). Verwenden Sie zum Installieren von ** `npm` ** Node Version Manager (** `nvm` **). Wenn Sie ** `nvm` ** nicht haben, installieren Sie die Software im ersten Schritt.

1. Überprüfen Sie in einer Terminalsitzung in der AWS Cloud9 IDE, ob das Programm bereits installiert TypeScript ist, indem Sie den TypeScript Befehlszeilen-Compiler mit der **`--version`**Option ausführen. (Um eine neue Terminalsitzung zu starten, wählen Sie in der Menüleiste **Window** (Fenster), **New Terminal** (Neues Terminal) aus. Bei Erfolg enthält die Ausgabe die TypeScript Versionsnummer. Wenn installiert TypeScript ist, fahren Sie mit fort[Schritt 2: Code hinzufügen](#sample-typescript-code).

   ```
   tsc --version
   ```

1. Bestätigen Sie, ob ** `npm` ** bereits installiert ist, indem Sie ** `npm` ** mit der Option ** `--version` ** ausführen. Bei Erfolg enthält die Ausgabe die ** `npm` **-Versionsnummer. Falls installiert **`npm`**ist, fahren Sie mit Schritt 10 dieses **`npm`**zur Installation verwendeten Verfahrens fort TypeScript.

   ```
   npm --version
   ```

1. Führen Sie den Befehl ** `yum update` ** für (Amazon Linux) oder ** `apt update` ** für (Ubuntu Server) aus, um sicherzustellen, dass die Sicherheitsupdates und Fehlerbehebungen auf dem aktuellen Stand sind.

   Für Amazon Linux:

   ```
   sudo yum -y update
   ```

   Für Ubuntu Server:

   ```
   sudo apt update
   ```

1. Führen Sie zur Installation **`npm`**zunächst den folgenden Befehl aus, um Node Version Manager (**`nvm`**) herunterzuladen. (**`nvm`**ist ein einfaches Bash-Shell-Skript, das für die Installation und Verwaltung von Node.js nützlich ist. Weitere Informationen finden Sie unter [Node Version Manager](https://github.com/creationix/nvm/blob/master/README.md) auf der GitHub Website.)

   ```
   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
   ```

1. Um ** `nvm` ** zu nutzen, schließen Sie entweder die Terminalsitzung und starten sie dann neu oder lesen die Datei `~/.bashrc` mit den Befehlen zum Laden von ** `nvm` **.

   ```
   . ~/.bashrc
   ```

1. Bestätigen Sie, dass ** `nvm` ** installiert ist, indem Sie ** `nvm` ** mit der Option ** `--version` ** ausführen.

   ```
   nvm --version
   ```

1. Installieren Sie die neueste Version 16 von Node.js, indem Sie den Befehl ausführen **`nvm`**. (**`npm`**ist in Node.js enthalten.)

   ```
   nvm install v16
   ```

1. Prüfen Sie, ob Node.js installiert wurde, indem Sie die Befehlszeilenversion von Node.js mit der Option ** `--version` ** ausführen.

   ```
   node --version
   ```

1. Bestätigen Sie, dass ** `npm` ** installiert ist, indem Sie ** `npm` ** mit der Option ** `--version` ** ausführen.

   ```
   npm --version
   ```

1. Installieren Sie TypeScript , indem Sie es **`npm`**mit der **`-g`**Option ausführen. Dies wird TypeScript als globales Paket in der Umgebung installiert.

   ```
   npm install -g typescript
   ```

1. Bestätigen Sie, dass TypeScript es installiert ist, indem Sie den TypeScript Befehlszeilen-Compiler mit der **`--version`**Option ausführen.

   ```
   tsc --version
   ```

## Schritt 2: Code hinzufügen
<a name="sample-typescript-code"></a>

1. Erstellen Sie in der AWS Cloud9 IDE eine Datei mit dem Namen`hello.ts`. (Um eine Datei zu erstellen, wählen Sie in der Menüleiste **File (Datei)**, **New File (Neue Datei)** aus. Um die Datei zu speichern, wählen Sie **Datei**, **Save (Speichern)**.)

1. Führen Sie in einem Terminal in der IDE; in dem Verzeichnis, in dem sich die Datei `hello.ts` befindet, **`npm`** aus, um die Bibliothek `@types/node` zu installieren.

   ```
   npm install @types/node
   ```

   Dadurch wird ein `node_modules/@types/node`-Ordner in dem Verzeichnis hinzugefügt, in dem sich die Datei `hello.ts` befindet. Dieser neue Ordner enthält die Typdefinitionen von Node.js, die Sie später in diesem Verfahren für die `process.argv` Eigenschaften `console.log` und TypeScript benötigen, die Sie der `hello.ts` Datei hinzufügen werden.

1. Fügen Sie den folgenden Code zur Datei `hello.ts` hinzu:

   ```
   console.log('Hello, World!');
   
   console.log('The sum of 2 and 3 is 5.');
   
   const sum: number = parseInt(process.argv[2], 10) + parseInt(process.argv[3], 10);
   
   console.log('The sum of ' + process.argv[2] + ' and ' +
     process.argv[3] + ' is ' + sum + '.');
   ```

## Schritt 3: Ausführen des Codes
<a name="sample-typescript-run"></a>

1. Führen Sie im Terminal aus demselben Verzeichnis wie die `hello.ts` Datei den TypeScript Compiler aus. Geben Sie die Datei `hello.ts` und die weiteren einzuschließenden Bibliotheken an.

   ```
   tsc hello.ts --lib es6
   ```

   TypeScript verwendet die `hello.ts` Datei und einen Satz von ECMAScript 6 (ES6) Bibliotheksdateien, um den Code in der Datei in äquivalenten TypeScript JavaScript Code in einer `hello.ts` Datei mit dem Namen zu transpilieren. `hello.js`

1. Öffnen Sie im Fenster **Environment (Umgebung)** die Datei `hello.js`.

1. Wählen Sie auf der Menüleiste **Run** (Ausführen), **Run Configurations** (Run-Konfigurationen), **New Run Configuration** (Neue Run-Konfiguration) aus.

1. Wählen Sie auf der Registerkarte **[New] - Idle ([Neu] - Leerlauf)** die Option **Runner: Auto** und dann **Node.js** aus.

1. Geben Sie für **Command (Befehl)** `hello.js 5 9` ein. Im Code stellen `5` `process.argv[2]` und `9` `process.argv[3]` dar. (`process.argv[0]` steht für den Namen der Laufzeit (`node`), und `process.argv[1]` für den Namen der Datei (`hello.js`).)

1. Wählen Sie **Run (Ausführen)** und vergleichen Sie die Ausgabe. Klicken Sie anschließend auf **Stop (Stopp)**.

   ```
   Hello, World!
   The sum of 2 and 3 is 5.
   The sum of 5 and 9 is 14.
   ```

![\[Ausgabe von Node.js nach dem Ausführen des Codes in der IDE AWS Cloud9\]](http://docs.aws.amazon.com/de_de/cloud9/latest/user-guide/images/ide-nodejs-simple.png)


**Anmerkung**  
Statt eine neue Konfiguration in der IDE; zu erstellen, können Sie diesen Code auch ausführen, indem Sie den Befehl **`node hello.js 5 9`** im Terminal ausführen.

## Schritt 4: Installieren und konfigurieren Sie das AWS SDK für JavaScript in Node.js
<a name="sample-typescript-sdk"></a>

Sie können dieses Beispiel erweitern, um das AWS SDK für JavaScript in Node.js zu verwenden, um einen Amazon S3 S3-Bucket zu erstellen, Ihre verfügbaren Buckets aufzulisten und dann den gerade erstellten Bucket zu löschen.

In diesem Schritt installieren und konfigurieren Sie das AWS SDK für JavaScript in Node.js. Das SDK bietet eine bequeme Möglichkeit, über Ihren JavaScript Code mit AWS Diensten wie Amazon S3 zu interagieren. Nachdem Sie das AWS SDK für JavaScript in Node.js installiert haben, müssen Sie die Verwaltung der Anmeldeinformationen in Ihrer Umgebung einrichten. Das SDK benötigt diese Anmeldeinformationen, um mit AWS Diensten zu interagieren.

### Um das AWS SDK für JavaScript in Node.js zu installieren
<a name="sample-typescript-sdk-install-sdk"></a>

Führen Sie in einer Terminalsitzung in der AWS Cloud9 IDE aus demselben Verzeichnis, aus dem die `hello.js` Datei stammt[Schritt 3: Ausführen des Codes](#sample-typescript-run), den Befehl aus, **`npm`**um das AWS SDK für JavaScript in Node.js zu installieren.

```
npm install aws-sdk
```

Dieser Befehl fügt verschiedene Ordner in den Ordner `node_modules` aus [Schritt 3: Ausführen des Codes](#sample-typescript-run) ein. Diese Ordner enthalten Quellcode und Abhängigkeiten für das AWS SDK JavaScript in Node.js. Weitere Informationen finden Sie unter [Installieren des SDK für JavaScript](https://docs.aws.amazon.com/sdk-for-javascript/latest/developer-guide/installing-jssdk.html) im *AWS SDK für JavaScript Entwicklerhandbuch*.

### So richten Sie die Anmeldeinformationsverwaltung in Ihrer Umgebung ein
<a name="sample-typescript-sdk-creds"></a>

Jedes Mal, wenn Sie das AWS SDK für JavaScript in Node.js verwenden, um einen AWS Dienst aufzurufen, müssen Sie beim Aufruf eine Reihe von Anmeldeinformationen angeben. Diese Anmeldeinformationen bestimmen, ob das AWS SDK für JavaScript in Node.js über die entsprechenden Berechtigungen für diesen Aufruf verfügt. Wenn die Anmeldeinformationen nicht die entsprechenden Berechtigungen haben, schlägt der Aufruf fehl.

In diesem Schritt speichern Sie Ihre Anmeldeinformationen innerhalb der Umgebung. Folgen Sie dazu den Anweisungen unter [AWS-Services Aus einer Umgebung anrufen in AWS Cloud9](credentials.md) und kehren Sie dann zu diesem Thema zurück.

Weitere Informationen finden Sie unter [Festlegen von Anmeldeinformationen in Node.js](https://docs.aws.amazon.com/sdk-for-javascript/v3/developer-guide/setting-credentials-node.html) im*AWS SDK für JavaScript Entwicklerhandbuch*.

## Schritt 5: AWS SDK-Code hinzufügen
<a name="sample-typescript-sdk-code"></a>

In diesem Schritt fügen Sie weiteren Code hinzu. Dieses Mal für die Interaktion mit Amazon S3, um einen Bucket zu erstellen, Ihre verfügbaren Buckets aufzulisten und anschließend den Bucket zu löschen, den Sie zuvor erstellt haben. Sie werden diesen Code später ausführen.

1. Erstellen Sie in der AWS Cloud9 IDE im selben Verzeichnis wie die `hello.js` Datei in den vorherigen Schritten eine Datei mit dem Namen`s3.ts`.

1. Aktivieren Sie von einem Terminal in der AWS Cloud9 IDE aus, das sich im selben Verzeichnis wie die `s3.ts` Datei befindet, den Code, um Amazon S3 S3-Operationen asynchron aufzurufen, indem Sie **`npm`**zweimal ausführen, um die asynchrone Bibliothek für TypeScript und erneut für zu installieren. JavaScript

   ```
   npm install @types/async # For TypeScript.
   npm install async        # For JavaScript.
   ```

1. Fügen Sie den folgenden Code zur Datei `s3.ts` hinzu:

   ```
   import * as async from 'async';
   import * as AWS from 'aws-sdk';
   
   if (process.argv.length < 4) {
     console.log('Usage: node s3.js <the bucket name> <the AWS Region to use>\n' +
       'Example: node s3.js my-test-bucket us-east-2');
     process.exit(1);
   }
   
   const AWS = require('aws-sdk'); // To set the AWS credentials and AWS Region.
   const async = require('async'); // To call AWS operations asynchronously.
   
   const s3: AWS.S3 = new AWS.S3({apiVersion: '2006-03-01'});
   const bucket_name: string = process.argv[2];
   const region: string = process.argv[3];
   
   AWS.config.update({
     region: region
   });
   
   const create_bucket_params: any = {
     Bucket: bucket_name,
     CreateBucketConfiguration: {
       LocationConstraint: region
     }
   };
   
   const delete_bucket_params: any = {
     Bucket: bucket_name
   };
   
   // List all of your available buckets in this AWS Region.
   function listMyBuckets(callback): void {
     s3.listBuckets(function(err, data) {
       if (err) {
   
       } else {
         console.log("My buckets now are:\n");
   
         for (let i: number = 0; i < data.Buckets.length; i++) {
           console.log(data.Buckets[i].Name);
         }
       }
   
       callback(err);
     });
   }
   
   // Create a bucket in this AWS Region.
   function createMyBucket(callback): void {
     console.log("\nCreating a bucket named '" + bucket_name + "'...\n");
   
     s3.createBucket(create_bucket_params, function(err, data) {
       if (err) {
         console.log(err.code + ": " + err.message);
       }
   
       callback(err);
     });
   }
   
   // Delete the bucket you just created.
   function deleteMyBucket(callback): void {
     console.log("\nDeleting the bucket named '" + bucket_name + "'...\n");
   
     s3.deleteBucket(delete_bucket_params, function(err, data) {
       if (err) {
         console.log(err.code + ": " + err.message);
       }
   
       callback(err);
     });
   }
   
   // Call the AWS operations in the following order.
   async.series([
     listMyBuckets,
     createMyBucket,
     listMyBuckets,
     deleteMyBucket,
     listMyBuckets
   ]);
   ```

## Schritt 6: Führen Sie den AWS SDK-Code aus
<a name="sample-typescript-sdk-run"></a>

1. Führen Sie im Terminal aus demselben Verzeichnis wie die `s3.ts` Datei den TypeScript Compiler aus. Geben Sie die Datei `s3.ts` und die weiteren einzuschließenden Bibliotheken an.

   ```
   tsc s3.ts --lib es6
   ```

   TypeScript verwendet die `s3.ts` Datei, das AWS SDK für JavaScript in Node.js, die asynchrone Bibliothek und einen Satz von ECMAScript 6 (ES6) Bibliotheksdateien, um den Code in der Datei in äquivalenten TypeScript JavaScript Code in einer `s3.ts` Datei mit dem Namen zu transpilieren. `s3.js`

1. Öffnen Sie im Fenster **Environment (Umgebung)** die Datei `s3.js`.

1. Wählen Sie auf der Menüleiste **Run** (Ausführen), **Run Configurations** (Run-Konfigurationen), **New Run Configuration** (Neue Run-Konfiguration) aus.

1. Wählen Sie auf der Registerkarte **[New] - Idle ([Neu] - Leerlauf)** die Option **Runner: Auto** und dann **Node.js** aus.

1. Geben Sie **unter Command** den Namen des Buckets ` YOUR_BUCKET_NAME ` ein`s3.js YOUR_BUCKET_NAME THE_AWS_REGION `, den Sie erstellen und dann löschen möchten, und geben Sie die ID der AWS Region ` THE_AWS_REGION ` ein, in der der Bucket erstellt werden soll. Verwenden Sie zum Beispiel für die Region "USA Ost (Ohio)" `us-east-2`. Weitere Informationen IDs finden Sie unter [Amazon Simple Storage Service (Amazon S3)](https://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region) in der *Allgemeine Amazon Web Services-Referenz*.
**Anmerkung**  
Amazon S3 S3-Bucket-Namen müssen überall eindeutig sein AWS— nicht nur in Ihrem AWS Konto.

1. Wählen Sie **Run (Ausführen)** und vergleichen Sie die Ausgabe. Klicken Sie anschließend auf **Stop (Stopp)**.

   ```
   My buckets now are:
   
   Creating a new bucket named 'my-test-bucket'...
   
   My buckets now are:
   
   my-test-bucket
   
   Deleting the bucket named 'my-test-bucket'...
   
   My buckets now are:
   ```

## Schritt 7: Bereinigen
<a name="sample-typescript-clean-up"></a>

Um zu verhindern, dass Ihr AWS Konto weiterhin belastet wird, nachdem Sie dieses Beispiel nicht mehr verwendet haben, sollten Sie die Umgebung löschen. Detaillierte Anweisungen finden Sie unter [Löschen einer Umgebung in AWS Cloud9](delete-environment.md).