TypeScript tutorial untuk AWS Cloud9 - AWS Cloud9

AWS Cloud9 tidak lagi tersedia untuk pelanggan baru. Pelanggan yang sudah ada AWS Cloud9 dapat terus menggunakan layanan seperti biasa. Pelajari selengkapnya

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

TypeScript tutorial untuk AWS Cloud9

Tutorial ini menunjukkan cara bekerja dengan TypeScript dalam lingkungan AWS Cloud9 pengembangan.

Mengikuti tutorial ini dan membuat sampel ini dapat mengakibatkan biaya ke AWS akun Anda. Ini termasuk kemungkinan biaya untuk layanan seperti Amazon EC2 dan Amazon S3. Untuk informasi selengkapnya, lihat EC2Harga Amazon dan Harga Amazon S3.

Prasyarat

Sebelum Anda menggunakan sampel ini, pastikan pengaturan Anda memenuhi persyaratan berikut:

  • Anda harus memiliki lingkungan AWS Cloud9 EC2 pengembangan yang ada. Contoh ini mengasumsikan bahwa Anda sudah memiliki EC2 lingkungan yang terhubung ke EC2 instans Amazon yang menjalankan Amazon Linux atau Ubuntu Peladen. Jika Anda memiliki jenis lingkungan atau sistem operasi yang berbeda, Anda mungkin perlu menyesuaikan petunjuk sampel ini untuk menyiapkan alat terkait. Untuk informasi selengkapnya, lihat Menciptakan lingkungan di AWS Cloud9.

  • Anda memiliki AWS Cloud9 IDE untuk lingkungan yang ada sudah terbuka. Ketika Anda membuka lingkungan, AWS Cloud9 buka IDE untuk lingkungan itu di browser web Anda. Untuk informasi selengkapnya, lihat Membuka lingkungan di AWS Cloud9.

Langkah 1: Pasang alat yang diperlukan

Pada langkah ini, Anda menginstal TypeScript dengan menggunakan Node Package Manager (npm). Untuk memasang npm , Anda menggunakan Node Version Manager ( nvm ). Jika Anda tidak memiliki nvm , Anda memasangnya pada langkah ini terlebih dulu.

  1. Dalam sesi terminal di AWS Cloud9 IDE, konfirmasikan TypeScript apakah sudah diinstal dengan menjalankan TypeScript compiler baris perintah dengan --versionopsi. (Untuk memulai sesi terminal baru, pada bilah menu, pilih Jendela, Terminal Baru.) Jika berhasil, output berisi nomor TypeScript versi. Jika TypeScript diinstal, lewati ke depanLangkah 2: Menambahkan kode.

    tsc --version
  2. Konfirmasi apakah npm sudah terpasang dengan menjalankan npm dengan opsi --version . Jika berhasil, output berisi nomor versi npm . Jika npmdiinstal, lewati ke langkah 10 dalam prosedur ini untuk digunakan npmuntuk menginstal TypeScript.

    npm --version
  3. Jalankan perintah yum update untuk (Amazon Linux) atau apt update untuk (Ubuntu Server) untuk membantu memastikan pembaruan keamanan terbaru dan perbaikan bug terpasang.

    Untuk Amazon Linux:

    sudo yum -y update

    Untuk Ubuntu Server:

    sudo apt update
  4. Untuk menginstal npm, mulailah dengan menjalankan perintah berikut untuk men-download Node Version Manager (nvm). (nvmadalah skrip shell Bash sederhana yang berguna untuk menginstal dan mengelola versi Node.js. Untuk informasi selengkapnya, lihat Pengelola Versi Node di GitHub situs web.)

    curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
  5. Untuk mulai menggunakan nvm , tutup sesi terminal dan mulai lagi, atau cari file ~/.bashrc yang berisi perintah untuk memuat nvm .

    . ~/.bashrc
  6. Konfirmasi apakah nvm sudah terpasang dengan menjalankan nvm dengan opsi --version .

    nvm --version
  7. Instal versi terbaru 16 dari Node.js dengan menjalankan nvm. (npmtermasuk dalam Node.js.)

    nvm install v16
  8. Konfirmasi bahwa Node.js terpasang dengan menjalankan versi baris perintah dari Node.js dengan opsi --version .

    node --version
  9. Konfirmasi apakah npm sudah terpasang dengan menjalankan npm dengan opsi --version .

    npm --version
  10. Instal TypeScript npmdengan menjalankan dengan -gopsi. Ini diinstal TypeScript sebagai paket global di lingkungan.

    npm install -g typescript
  11. Konfirmasikan yang TypeScript diinstal dengan menjalankan TypeScript kompiler baris perintah dengan --versionopsi.

    tsc --version

Langkah 2: Menambahkan kode

  1. Di dalam AWS Cloud9 IDE, buat file bernamahello.ts. (Untuk membuat file, pada bilah menu, pilih File, File Baru. Untuk menyimpan file, pilih File, Simpan.)

  2. Di terminal diIDE, dari direktori yang sama dengan hello.ts file, jalankan npmuntuk menginstal @types/node perpustakaan.

    npm install @types/node

    Hal ini menambahkan folder node_modules/@types/node dalam direktori yang sama dengan file hello.ts. Folder baru ini berisi definisi tipe Node.js yang TypeScript perlu nanti dalam prosedur ini untuk console.log dan process.argv properti yang akan Anda tambahkan ke hello.ts file.

  3. Tambahkan kode berikut ke file 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 + '.');

Langkah 3: Jalankan kode

  1. Di terminal, dari direktori yang sama dengan hello.ts file, jalankan TypeScript kompiler. Menentukan file hello.ts dan pustaka tambahan untuk disertakan.

    tsc hello.ts --lib es6

    TypeScript menggunakan hello.ts file dan satu set file pustaka ECMAScript 6 (ES6) untuk mentranspile TypeScript kode dalam hello.ts file menjadi JavaScript kode yang setara dalam file bernamahello.js.

  2. Di jendela Lingkungan, buka file hello.js.

  3. Pada bilah menu, pilih Jalankan, Jalankan Konfigurasi, Jalankan Konfigurasi Baru.

  4. Di tab [Baru] - Diam, pilih Runner: Otomatis, lalu pilih Node.js.

  5. Untuk Perintah, ketik hello.js 5 9. Dalam kode, 5 mewakili process.argv[2], dan 9 mewakili process.argv[3]. (process.argv[0]mewakili nama runtime (node), dan process.argv[1] mewakili nama file (hello.js).)

  6. Pilih Jalankan, dan bandingkan output Anda. Setelah Anda selesai, pilih Berhenti.

    Hello, World! The sum of 2 and 3 is 5. The sum of 5 and 9 is 14.
Output Node.js setelah menjalankan kode di AWS Cloud9 IDE
catatan

Alih-alih membuat konfigurasi run baru diIDE, Anda juga dapat menjalankan kode ini dengan menjalankan perintah node hello.js 5 9dari terminal.

Langkah 4: Instal dan konfigurasikan AWS SDK for JavaScript di Node.js

Anda dapat menyempurnakan sampel ini untuk menggunakan AWS SDK for JavaScript di Node.js untuk membuat bucket Amazon S3, mencantumkan bucket yang tersedia, lalu menghapus bucket yang baru saja Anda buat.

Pada langkah ini, Anda menginstal dan mengkonfigurasi AWS SDK for JavaScript di Node.js. SDKIni menyediakan cara mudah untuk berinteraksi dengan AWS layanan seperti Amazon S3, dari kode Anda JavaScript . Setelah Anda menginstal AWS SDK for JavaScript di Node.js, Anda harus mengatur manajemen kredensil di lingkungan Anda. SDKKebutuhan kredensil ini untuk berinteraksi dengan AWS layanan.

Untuk menginstal AWS SDK for JavaScript di Node.js

Dalam sesi terminal di AWS Cloud9 IDE, dari direktori yang sama dengan hello.js file dariLangkah 3: Jalankan kode, jalankan npmuntuk menginstal AWS SDK for JavaScript di Node.js.

npm install aws-sdk

Perintah ini menambahkan beberapa folder ke folder node_modules dari Langkah 3: Jalankan kode. Folder ini berisi kode sumber dan dependensi untuk AWS SDK for JavaScript di Node.js. Untuk informasi selengkapnya, lihat Menginstal SDK for JavaScript di Panduan AWS SDK for JavaScript Pengembang.

Untuk mengatur pengelolaan kredensial di lingkungan Anda

Setiap kali Anda menggunakan AWS SDK for JavaScript di Node.js untuk memanggil AWS layanan, Anda harus memberikan satu set kredensional dengan panggilan tersebut. Kredensi ini menentukan apakah AWS SDK for JavaScript di Node.js memiliki izin yang sesuai untuk melakukan panggilan itu. Jika kredensial tidak mencakup izin yang sesuai, panggilan akan gagal.

Pada langkah ini, Anda menyimpan kredensial Anda di dalam lingkungan. Untuk melakukannya, ikuti petunjuk di Menelepon Layanan AWS dari lingkungan di AWS Cloud9, lalu kembali ke topik ini.

Untuk informasi tambahan, lihat Mengatur Kredensial di Node.js di Panduan Developer AWS SDK for JavaScript .

Langkah 5: Tambahkan AWS SDK kode

Pada langkah ini, Anda menambahkan beberapa kode lagi, kali ini untuk berinteraksi dengan Amazon S3 untuk membuat bucket, daftarkan bucket Anda yang tersedia, lalu hapus bucket yang baru saja Anda buat. Anda akan menjalankan kode ini nanti.

  1. Di AWS Cloud9 IDE, di direktori yang sama dengan hello.js file di langkah sebelumnya, buat file bernamas3.ts.

  2. Dari terminal di AWS Cloud9 IDE, di direktori yang sama dengan s3.ts file, aktifkan kode untuk memanggil operasi Amazon S3 secara asinkron dengan menjalankan npmdua kali untuk menginstal pustaka asinkron untuk dan lagi untuk. TypeScript JavaScript

    npm install @types/async # For TypeScript. npm install async # For JavaScript.
  3. Tambahkan kode berikut ke file 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 ]);

Langkah 6: Jalankan AWS SDK kode

  1. Di terminal, dari direktori yang sama dengan s3.ts file, jalankan TypeScript kompiler. Menentukan file s3.ts dan pustaka tambahan untuk disertakan.

    tsc s3.ts --lib es6

    TypeScript menggunakan s3.ts file, AWS SDK for JavaScript di Node.js, pustaka async, dan satu set file pustaka ECMAScript 6 (ES6) untuk mentranspile TypeScript kode dalam s3.ts file menjadi JavaScript kode yang setara dalam file bernama. s3.js

  2. Di jendela Lingkungan, buka file s3.js.

  3. Pada bilah menu, pilih Jalankan, Jalankan Konfigurasi, Jalankan Konfigurasi Baru.

  4. Di tab [Baru] - Diam, pilih Runner: Otomatis, lalu pilih Node.js.

  5. Untuk Commands3.js YOUR_BUCKET_NAME THE_AWS_REGION , ketik, di mana YOUR_BUCKET_NAME nama bucket yang ingin Anda buat lalu hapus, dan THE_AWS_REGION merupakan ID AWS Region untuk membuat bucket. Sebagai contoh, untuk Wilayah US East (Ohio)., gunakan us-east-2. Untuk selengkapnyaIDs, lihat Amazon Simple Storage Service (Amazon S3) di halaman. Referensi Umum Amazon Web Services

    catatan

    Nama bucket Amazon S3 harus unik di seluruh AWS—bukan hanya akun Anda. AWS

  6. Pilih Jalankan, dan bandingkan output Anda. Setelah Anda selesai, pilih Berhenti.

    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:

Langkah 7: Bersihkan

Untuk mencegah tagihan yang sedang berlangsung ke AWS akun Anda setelah selesai menggunakan sampel ini, Anda harus menghapus lingkungan. Untuk instruksi, lihat Menghapus lingkungan di AWS Cloud9.