TypeScript Tutorial für AWS Cloud9 - AWS Cloud9

AWS Cloud9 ist für Neukunden nicht mehr verfügbar. Bestandskunden von AWS Cloud9 können den Service weiterhin wie gewohnt nutzen. Weitere Informationen

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

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. Dazu gehören mögliche Gebühren für Dienste wie Amazon EC2 und Amazon S3. Weitere Informationen finden Sie unter EC2Amazon-Preise und Amazon S3-Preise.

Voraussetzungen

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. In diesem Beispiel wird davon ausgegangen, dass Sie bereits über eine EC2 Umgebung verfügen, die mit einer EC2 Amazon-Instance verbunden ist, auf der Amazon Linux ausgeführt wird, oder Ubuntu Server. 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.

  • 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.

Schritt 1: Installieren der erforderlichen Tools

In diesem Schritt installieren Sie mithilfe TypeScript von 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. Bestätigen Sie in einer Terminalsitzung in der AWS Cloud9 IDE, ob sie bereits installiert TypeScript ist, indem Sie den TypeScript Befehlszeilen-Compiler mit der --versionOption 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 fortSchritt 2: Code hinzufügen.

    tsc --version
  2. 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 npmist, fahren Sie mit Schritt 10 dieses npmzur Installation verwendeten Verfahrens fort TypeScript.

    npm --version
  3. 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
  4. Führen Sie zur Installation npmzunächst den folgenden Befehl aus, um Node Version Manager (nvm) herunterzuladen. (nvmist 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 auf der GitHub Website.)

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
  5. 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
  6. Bestätigen Sie, dass nvm installiert ist, indem Sie nvm mit der Option --version ausführen.

    nvm --version
  7. Installieren Sie die neueste Version 16 von Node.js, indem Sie den Befehl ausführen nvm. (npmist in Node.js enthalten.)

    nvm install v16
  8. Prüfen Sie, ob Node.js installiert wurde, indem Sie die Befehlszeilenversion von Node.js mit der Option --version ausführen.

    node --version
  9. Bestätigen Sie, dass npm installiert ist, indem Sie npm mit der Option --version ausführen.

    npm --version
  10. Installieren Sie es, TypeScript indem Sie es npmmit der -gOption ausführen. Dies wird TypeScript als globales Paket in der Umgebung installiert.

    npm install -g typescript
  11. Bestätigen Sie, dass TypeScript es installiert ist, indem Sie den TypeScript Befehlszeilen-Compiler mit der --versionOption ausführen.

    tsc --version

Schritt 2: Code hinzufügen

  1. Erstellen Sie in der AWS Cloud9 IDE eine Datei mit dem Namenhello.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).)

  2. Führen Sie in einem Terminal imIDE, aus demselben Verzeichnis wie die hello.ts Datei, den Befehl aus, npmum die @types/node Bibliothek 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.

  3. 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

  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

  2. Öffnen Sie im Fenster Environment (Umgebung) die Datei hello.js.

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

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

  5. 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).)

  6. 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 AWS Cloud9 IDE
Anmerkung

Anstatt eine neue Run-Konfiguration in der zu erstellenIDE, können Sie diesen Code auch ausführen, indem Sie den Befehl node hello.js 5 9vom Terminal aus ausführen.

Schritt 4: Installieren und konfigurieren Sie das AWS SDK for JavaScript in Node.js

Sie können dieses Beispiel dahingehend erweitern, dass Sie das AWS SDK for JavaScript in Node.js 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 for 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. The SDK benötigt diese Anmeldeinformationen, um mit AWS Diensten zu interagieren.

Um das AWS SDK für JavaScript in Node.js zu installieren

Führen Sie in einer Terminalsitzung in demselben Verzeichnis AWS Cloud9 IDE, aus dem die hello.js Datei stammtSchritt 3: Ausführen des Codes, den Befehl AWS SDK for JavaScript in Node.js aus, npmum ihn zu installieren.

npm install aws-sdk

Dieser Befehl fügt verschiedene Ordner in den Ordner node_modules aus Schritt 3: Ausführen des Codes ein. Diese Ordner enthalten Quellcode und Abhängigkeiten für das AWS SDK for JavaScript in Node.js. Weitere Informationen finden Sie unter Installation von SDK for JavaScript im AWS SDK for JavaScript Entwicklerhandbuch.

So richten Sie die Anmeldeinformationsverwaltung in Ihrer Umgebung ein

Jedes Mal, wenn Sie das AWS SDK Zeichen 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 verfügt, um diesen Aufruf durchzuführen. 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 und kehren Sie dann zu diesem Thema zurück.

Weitere Informationen finden Sie unter Festlegen von Anmeldeinformationen in Node.js imAWS SDK for JavaScript Entwicklerhandbuch.

Schritt 5: AWS SDK Code hinzufügen

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 AWS Cloud9 IDE im selben Verzeichnis wie die hello.js Datei in den vorherigen Schritten eine Datei mit dem Namens3.ts.

  2. Aktivieren Sie von einem Terminal aus AWS Cloud9 IDE, im selben Verzeichnis wie die s3.ts Datei, den Code, um Amazon S3 S3-Operationen asynchron aufzurufen, indem Sie npmzweimal 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.
  3. 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 Code aus AWS SDK

  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 for 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

  2. Öffnen Sie im Fenster Environment (Umgebung) die Datei s3.js.

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

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

  5. Geben Sie in das Feld Command den Namen des Buckets YOUR_BUCKET_NAME eins3.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) 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.

  6. 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

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.