Tutorial: Membuat pipeline yang menggunakan Amazon S3 sebagai penyedia penerapan

Untuk mendorong file ke CodeCommit repositori Anda

1. Ekstrak file sampel yang diunduh. Jangan mengunggah ZIP file ke repositori Anda.

2. Dorong atau unggah file ke CodeCommit repositori Anda. File-file ini adalah artefak sumber yang dibuat oleh wizard Create Pipeline untuk tindakan penerapan Anda. CodePipeline File Anda akan terlihat seperti ini di direktori lokal Anda:

   index.html
   main.css
   graphic.jpg

3. Anda dapat menggunakan Git atau CodeCommit konsol untuk mengunggah file Anda:

   1. Untuk menggunakan baris perintah Git dari repositori kloning di komputer lokal Anda:

      1. Jalankan perintah berikut untuk mementaskan semua file Anda sekaligus:

         git add -A

      2. Jalankan perintah berikut untuk mengkomit file dengan pesan komit:

         git commit -m "Added static website files"

      3. Jalankan perintah berikut untuk mendorong file dari repo lokal Anda ke CodeCommit repositori Anda:

         git push

   2. Untuk menggunakan CodeCommit konsol untuk mengunggah file Anda:

      1. Buka CodeCommit konsol, dan pilih repositori Anda dari daftar Repositori.

      2. Pilih Tambahkan file, lalu pilih Unggah file.

      3. Pilih Pilih file, lalu telusuri file Anda. Lakukan perubahan dengan memasukkan nama pengguna dan alamat email Anda. Pilih Perubahan commit.

      4. Ulangi langkah ini untuk setiap file yang ingin Anda unggah.

Untuk membuat alur dengan wizard

1. Masuk ke AWS Management Console dan buka CodePipeline konsol di http://console.aws.amazon.com/codesuite/codepipeline/home.

2. Pada halaman Selamat Datang, halaman Memulai, atau halaman Alur, pilih Buat alur.

3. Di Langkah 1: Pilih pengaturan alur, di Nama alur, masukkan MyS3DeployPipeline.

4. Dalam tipe Pipeline, pilih V2. Untuk informasi selengkapnya, lihat Jenis pipa. Pilih Berikutnya.

5. Di peran Layanan, pilih Peran layanan baru CodePipeline untuk memungkinkan membuat peran layananIAM.

6. Biarkan pengaturan di bawah Pengaturan lanjutan pada defaultnya, lalu pilih Berikutnya.

7. Pada Langkah 2: Tambahkan tahap sumber, di penyedia Sumber, pilih AWS CodeCommit. Dalam nama Repositori, pilih nama CodeCommit repositori yang Anda buat. Langkah 1: Buat CodeCommit repositori Di Nama cabang, pilih nama cabang yang berisi pembaruan kode terbaru Anda. Kecuali Anda membuat cabang yang berbeda sendiri, hanya main tersedia.

   Setelah Anda memilih nama repositori dan cabang, aturan Amazon CloudWatch Events yang akan dibuat untuk pipeline ini akan ditampilkan.

   Pilih Berikutnya.

8. Pada Langkah 3: Tambahkan tahap build, pilih Lewati tahap build, lalu terima pesan peringatan dengan memilih Lewati lagi.

   Pilih Berikutnya.

9. Pada Langkah 4: Tambahkan tahap penerapan:

   1. Di penyedia Deploy, pilih Amazon S3.

   2. Di Bucket, masukkan nama ember publik Anda.

   3. Pilih Ekstrak file sebelum menerapkan.

      catatan

      Penerapan gagal jika Anda tidak memilih Ekstrak file sebelum menerapkan. Ini karena AWS CodeCommit tindakan dalam pipeline Anda meritsleting artefak sumber dan file Anda adalah ZIP file.

      Saat Ekstrak file sebelum penerapan dipilih, jalur Deployment ditampilkan. Masukkan nama jalur yang ingin Anda gunakan. Ini menciptakan struktur folder di Amazon S3 tempat file diekstraksi. Untuk tutorial ini, biarkan bidang ini kosong.

      

   4. (Opsional) Di Canned ACL, Anda dapat menerapkan satu set hibah yang telah ditentukan, yang dikenal sebagai kaleng ACL, ke artefak yang diunggah.

   5. (Opsional) Dalam kontrol Cache, masukkan parameter caching. Anda dapat mengatur ini untuk mengontrol perilaku caching untuk permintaan/tanggapan. Untuk nilai yang valid, lihat bidang Cache-Controlheader untuk HTTP operasi.

   6. Pilih Berikutnya.

10. Pada Langkah 5: Tinjau, tinjau informasinya, lalu pilih Buat pipeline.

11. Setelah pipeline berhasil berjalan, buka konsol Amazon S3 dan verifikasi bahwa file Anda muncul di bucket publik seperti yang ditunjukkan:

    index.html
    main.css
    graphic.jpg

12. Akses titik akhir Anda untuk menguji situs web. Titik akhir Anda mengikuti format ini:http://bucket-name.s3-website-region.amazonaws.com/.

    Contoh titik akhir:http://my-bucket.s3-website-us-west-2.amazonaws.com/.

    Halaman web sampel muncul.

Untuk membuat file buildspec.yml.

• Buat file bernama buildspec.yml dengan isi berikut ini. Perintah build ini menginstal TypeScript dan menggunakan TypeScript compiler untuk menulis ulang kode index.ts ke JavaScript kode.

  version: 0.2
  
  phases:
    install:
      commands:
        - npm install -g typescript
    build:
      commands:
        - tsc index.ts
  artifacts:
    files:
      - index.js

Untuk membuat file index.ts

• Buat file bernama index.ts dengan isi berikut ini.

  interface Greeting {
      message: string;
  }
  
  class HelloGreeting implements Greeting {
      message = "Hello!";
  }
  
  function greet(greeting: Greeting) {
      console.log(greeting.message);
  }
  
  let greeting = new HelloGreeting();
  
  greet(greeting);

Untuk mengunggah file ke bucket sumber S3 Anda

1. File Anda akan terlihat seperti ini di direktori lokal Anda:

   buildspec.yml
   index.ts

   Zip file dan beri nama filesource.zip.

2. Di konsol Amazon S3, untuk bucket sumber Anda, pilih Unggah. Pilih Tambahkan file, lalu telusuri ZIP file yang Anda buat.

3. Pilih Unggah. File-file ini adalah artefak sumber yang dibuat oleh wizard Create Pipeline untuk tindakan penerapan Anda. CodePipeline File Anda akan terlihat seperti ini di bucket Anda:

   source.zip

Untuk membuat alur dengan wizard

1. Masuk ke AWS Management Console dan buka CodePipeline konsol di http://console.aws.amazon.com/codesuite/codepipeline/home.

2. Pada halaman Selamat Datang, halaman Memulai, atau halaman Alur, pilih Buat alur.

3. Di Langkah 1: Pilih pengaturan alur, di Nama alur, masukkan MyS3DeployPipeline.

4. Di peran Layanan, pilih Peran layanan baru CodePipeline untuk memungkinkan membuat peran layananIAM.

5. Biarkan pengaturan di bawah Pengaturan lanjutan pada defaultnya, lalu pilih Berikutnya.

6. Pada Langkah 2: Tambahkan tahap sumber, di penyedia Sumber, pilih Amazon S3. Di Bucket, pilih nama bucket sumber Anda. Dalam kunci objek S3, masukkan nama ZIP file sumber Anda. Pastikan Anda menyertakan ekstensi file.zip.

   Pilih Berikutnya.

7. Pada Langkah 3: Tambahkan tahap build:

   1. Di Penyedia pembangunan, pilih CodeBuild.

   2. Pilih Buat proyek build. Pada halaman Create project:

   3. Di Nama proyek, masukkan nama untuk proyek pembangunan ini.

   4. Di Lingkungan, pilih Gambar terkelola. Untuk Sistem operasi, pilih Ubuntu.

   5. Untuk Waktu aktif, pilih Standar. Untuk versi Runtime, pilih aws/codebuild/standard:1.0.

   6. Dalam versi Gambar, pilih Selalu gunakan gambar terbaru untuk versi runtime ini.

   7. Untuk peran Layanan, pilih peran CodeBuild layanan Anda, atau buat peran layanan.

   8. Untuk spesifikasi Build, pilih Gunakan file buildspec.

   9. Pilih Lanjutkan ke CodePipeline. Pesan ditampilkan jika proyek berhasil dibuat.

   10. Pilih Berikutnya.

8. Pada Langkah 4: Tambahkan tahap penerapan:

   1. Di penyedia Deploy, pilih Amazon S3.

   2. Di Bucket, masukkan nama bucket target S3 Anda.

   3. Pastikan file Extract sebelum deploy dihapus.

      Saat Ekstrak file sebelum penerapan dihapus, kunci objek S3 ditampilkan. Masukkan nama jalur yang ingin Anda gunakan:js-application/{datetime}.zip.

      Ini membuat js-application folder di Amazon S3 tempat file diekstraksi. Di folder ini, {datetime} variabel membuat stempel waktu pada setiap file keluaran saat pipeline Anda berjalan.

      

   4. (Opsional) Di Canned ACL, Anda dapat menerapkan satu set hibah yang telah ditentukan, yang dikenal sebagai kaleng ACL, ke artefak yang diunggah.

   5. (Opsional) Dalam kontrol Cache, masukkan parameter caching. Anda dapat mengatur ini untuk mengontrol perilaku caching untuk permintaan/tanggapan. Untuk nilai yang valid, lihat bidang Cache-Controlheader untuk HTTP operasi.

   6. Pilih Berikutnya.

9. Pada Langkah 5: Tinjau, tinjau informasinya, lalu pilih Buat pipeline.

10. Setelah pipeline berhasil berjalan, lihat bucket Anda di konsol Amazon S3. Verifikasi bahwa ZIP file yang Anda gunakan ditampilkan di bucket target di bawah js-application folder. JavaScript File yang terkandung dalam ZIP file harusindex.js. index.jsFile berisi output berikut:

    var HelloGreeting = /** @class */ (function () {
        function HelloGreeting() {
            this.message = "Hello!";
        }
        return HelloGreeting;
    }());
    function greet(greeting) {
        console.log(greeting.message);
    }
    var greeting = new HelloGreeting();
    greet(greeting);