AWS Cloud9 n'est plus disponible pour les nouveaux clients. Les clients existants de AWS Cloud9 peuvent continuer à utiliser le service normalement. En savoir plus
Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.
Ce didacticiel explique comment travailler TypeScript dans un environnement AWS Cloud9 de développement.
Le fait de suivre ce didacticiel et de créer cet exemple peut entraîner des frais sur votre AWS compte. Cela inclut les frais éventuels pour des services tels qu'Amazon EC2 et Amazon S3. Pour plus d'informations, consultez les sections EC2 Tarification
Rubriques
Prérequis
Avant d'utiliser cet exemple, vérifiez que votre configuration respecte les conditions requises suivantes :
-
Vous devez disposer d'un environnement AWS Cloud9 EC2 de développement existant. Cet exemple suppose que vous disposez déjà d'un EC2 environnement connecté à une EC2 instance Amazon qui exécute Amazon Linux ou Ubuntu Serveur. Si vous utilisez un autre type d'environnement ou de système d'exploitation, vous devrez peut-être adapter les instructions de cet exemple pour configurer les outils associés. Pour de plus amples informations, veuillez consulter Création d'un environnement dans AWS Cloud9.
-
L' AWS Cloud9 IDE correspondant à l'environnement existant est déjà ouvert. Lorsque vous ouvrez un environnement, AWS Cloud9 ouvre l'IDE correspondant à cet environnement dans votre navigateur Web. Pour de plus amples informations, veuillez consulter Ouvrir un environnement dans AWS Cloud9.
Étape 1 : Installer les outils requis
Au cours de cette étape, vous devez procéder à TypeScript l'installation à l'aide de Node Package Manager (npm
). Pour installer npm
, vous utilisez Node Version Manager ( nvm
). Si vous ne disposez pas de nvm
, vous devez d'abord l'installer dans cette étape.
-
Dans une session de terminal dans l' AWS Cloud9 IDE, vérifiez s'il TypeScript est déjà installé en exécutant le TypeScript compilateur de ligne de commande avec l'
--version
option. (Pour démarrer une nouvelle séance de terminal, dans la barre de menus, choisissez Window (Fenêtre), New Terminal (Nouveau terminal).) En cas de succès, la sortie contient le numéro de TypeScript version. S' TypeScript il est installé, passez directement àÉtape 2 : Ajouter du code.tsc --version
-
Vérifiez si
npm
est déjà installé en exécutantnpm
avec l'option--version
. Si c'est le cas, la sortie contient le numéro de versionnpm
. S'ilnpm
est installé, passez à l'étape 10 de cette procédure à utilisernpm
pour l'installation TypeScript.npm --version
-
Exécutez la commande
yum update
(pour Amazon Linux) ou la commandeapt update
(pour Ubuntu Server) afin d'être sûr que les mises à jour de sécurité et les correctifs les plus récents sont installés.Pour Amazon Linux :
sudo yum -y update
Pour Ubuntu Server :
sudo apt update
-
Pour l'installer
npm
, commencez par exécuter la commande suivante pour télécharger Node Version Manager (nvm
). (nvm
est un script shell Bash simple qui est utile pour installer et gérer les versions de Node.js. Pour plus d'informations, consultez Node Version Managersur le GitHub site Web.) curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
-
Pour commencer à utiliser
nvm
, fermez la session de terminal et démarrez-la à nouveau, ou approvisionnez le fichier~/.bashrc
qui contient les commandes pour chargernvm
.. ~/.bashrc
-
Vérifiez que
nvm
est installé en exécutantnvm
avec l'option--version
.nvm --version
-
Installez la dernière version 16 de Node.js en exécutant
nvm
. (npm
est inclus dans Node.js.)nvm install v16
-
Confirmez que Node.js est installé en exécutant la version de ligne de commande de Node.js avec l'option
--version
.node --version
-
Vérifiez que
npm
est installé en exécutantnpm
avec l'option--version
.npm --version
-
Installez TypeScript en exécutant
npm
l'-g
option. Cela s'installe TypeScript en tant que package global dans l'environnement.npm install -g typescript
-
Confirmez qu' TypeScript il est installé en exécutant le TypeScript compilateur de ligne de commande avec l'
--version
option.tsc --version
Étape 2 : Ajouter du code
-
Dans l' AWS Cloud9 IDE, créez un fichier nommé
hello.ts
. (Pour créer un fichier, dans la barre de menus, choisissez Fichier, Nouveau fichier. Pour l'enregistrer, choisissez Fichier, Enregistrer.) -
Dans un terminal de l'IDE, depuis le même répertoire que le fichier
hello.ts
, exécuteznpm
pour installer la bibliothèque@types/node
.npm install @types/node
Cela ajoute un dossier
node_modules/@types/node
dans le même répertoire que le fichierhello.ts
. Ce nouveau dossier contient les définitions de type Node.js dont vous aurez TypeScript besoin plus loin dans cette procédure pour lesprocess.argv
propriétésconsole.log
et que vous ajouterez auhello.ts
fichier. -
Ajoutez le code suivant au fichier
hello.ts
: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 + '.');
Étape 3 : Exécuter le code
-
Dans le terminal, depuis le même répertoire que le
hello.ts
fichier, lancez le TypeScript compilateur. Spécifiez le fichierhello.ts
et les bibliothèques supplémentaires à inclure.tsc hello.ts --lib es6
TypeScript utilise le
hello.ts
fichier et un ensemble de ECMAScript 6 (ES6) fichiers de bibliothèque pour transpiler le TypeScript code duhello.ts
fichier en JavaScript code équivalent dans un fichier nomméhello.js
. -
Dans la fenêtre Environment (Environnement), ouvrez le fichier
hello.js
. -
Dans la barre de menus, choisissez Exécuter, Configurations d'exécution, Nouvelle configuration d'exécution.
-
Dans l'onglet [New] - Idle ([Nouveau] - Inactif), choisissez Runner: Auto (Exécuteur : Auto), puis Node.js.
-
Pour Commande), saisissez
hello.js 5 9
. Dans le code,5
représenteprocess.argv[2]
, et9
représenteprocess.argv[3]
. (process.argv[0]
représente le nom de l'exécution (node
), etprocess.argv[1]
représente le nom du fichier (hello.js
).) -
Choisissez le bouton Run (Exécuter) et comparez la sortie. Lorsque vous avez terminé, choisissez Stop (Arrêter).
Hello, World! The sum of 2 and 3 is 5. The sum of 5 and 9 is 14.

Note
Au lieu de créer une nouvelle configuration d'exécution dans l'IDE, vous pouvez également exécuter ce code en exécutant la commande node hello.js 5 9
à partir du terminal.
Étape 4 : Installation et configuration du AWS SDK pour JavaScript dans Node.js
Vous pouvez améliorer cet exemple pour utiliser le AWS SDK JavaScript dans Node.js afin de créer un compartiment Amazon S3, de répertorier vos compartiments disponibles, puis de supprimer le compartiment que vous venez de créer.
Au cours de cette étape, vous allez installer et configurer le AWS SDK pour JavaScript dans Node.js. Le SDK fournit un moyen pratique d'interagir avec des AWS services tels qu'Amazon S3, à partir de votre JavaScript code. Après avoir installé le AWS SDK pour JavaScript dans Node.js, vous devez configurer la gestion des informations d'identification dans votre environnement. Le SDK a besoin de ces informations d'identification pour interagir avec les AWS services.
Pour installer le AWS SDK pour JavaScript dans Node.js
Dans une session de terminal dans l' AWS Cloud9 IDE, depuis le même répertoire que le hello.js
fichierÉtape 3 : Exécuter le code, exécutez npm
pour installer le AWS SDK pour JavaScript dans Node.js.
npm install aws-sdk
Cette commande ajoute plusieurs dossiers au dossier node_modules
de l'Étape 3 : Exécuter le code. Ces dossiers contiennent le code source et les dépendances du AWS SDK pour JavaScript Node.js. Pour plus d'informations, consultez la section Installation du SDK pour JavaScript dans le Guide du AWS SDK pour JavaScript développeur.
Pour configurer la gestion des informations d'identification dans votre environnement
Chaque fois que vous utilisez le AWS SDK pour appeler un AWS service JavaScript dans Node.js, vous devez fournir un ensemble d'informations d'identification avec l'appel. Ces informations d'identification déterminent si le AWS SDK pour JavaScript Node.js dispose des autorisations appropriées pour effectuer cet appel. Si les informations d'identification ne sont pas associées aux autorisations nécessaires, l'appel échoue.
Au cours de cette étape, vous allez stocker vos informations d'identification dans l'environnement. Pour ce faire, suivez les instructions de la rubrique Appeler Services AWS depuis un environnement dans AWS Cloud9, puis revenez à cette rubrique.
Pour plus d'informations, consultez Setting Credentials in Node.js dans le Guide du développeur AWS SDK pour JavaScript .
Étape 5 : ajouter le code du AWS SDK
Au cours de cette étape, vous allez ajouter du code supplémentaire pour interagir avec Amazon S3, créer un compartiment, répertorier les compartiments disponibles, puis supprimer le compartiment que vous venez de créer. Vous exécuterez ce code ultérieurement.
-
Dans l' AWS Cloud9 IDE, dans le même répertoire que le
hello.js
fichier des étapes précédentes, créez un fichier nommés3.ts
. -
À partir d'un terminal de l' AWS Cloud9 IDE, dans le même répertoire que le
s3.ts
fichier, activez le code pour appeler les opérations Amazon S3 de manière asynchrone en exécutantnpm
deux fois pour installer la bibliothèque asynchrone pour TypeScript et de nouveau pour. JavaScriptnpm install @types/async # For TypeScript. npm install async # For JavaScript.
-
Ajoutez le code suivant au fichier
s3.ts
: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 ]);
Étape 6 : Exécuter le code du AWS SDK
-
Dans le terminal, depuis le même répertoire que le
s3.ts
fichier, lancez le TypeScript compilateur. Spécifiez le fichiers3.ts
et les bibliothèques supplémentaires à inclure.tsc s3.ts --lib es6
TypeScript utilise le
s3.ts
fichier, le AWS SDK pour JavaScript Node.js, la bibliothèque asynchrone et un ensemble de ECMAScript 6 (ES6) fichiers de bibliothèque pour transpiler le TypeScript code du fichier en JavaScript code équivalent dans uns3.ts
fichier nommé.s3.js
-
Dans la fenêtre Environment (Environnement), ouvrez le fichier
s3.js
. -
Dans la barre de menus, choisissez Exécuter, Configurations d'exécution, Nouvelle configuration d'exécution.
-
Dans l'onglet [New] - Idle ([Nouveau] - Inactif), choisissez Runner: Auto (Exécuteur : Auto), puis Node.js.
-
Dans Command
s3.js YOUR_BUCKET_NAME THE_AWS_REGION
, tapez oùYOUR_BUCKET_NAME
est le nom du compartiment que vous souhaitez créer puis supprimer, ainsiTHE_AWS_REGION
que l'ID de la AWS région dans laquelle le bucket doit être créé. Par exemple, pour la région USA Est (Ohio), utilisezus-east-2
. Pour en savoir plus IDs, consultez Amazon Simple Storage Service (Amazon S3) dans le. Référence générale d'Amazon Web ServicesNote
Les noms des compartiments Amazon S3 doivent être uniques pour l'ensemble de votre compte AWS, et pas uniquement pour ce qui est de votre AWS compte.
-
Choisissez le bouton Run (Exécuter) et comparez la sortie. Lorsque vous avez terminé, choisissez Stop (Arrêter).
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:
Étape 7 : nettoyer
Pour éviter que votre AWS compte ne soit débité une fois que vous aurez terminé d'utiliser cet exemple, vous devez supprimer l'environnement. Pour obtenir des instructions, consultez Supprimer un environnement dans AWS Cloud9.