View a markdown version of this page

Tutorial: Menyiapkan aplikasi web Transfer Family dasar - AWS Transfer Family

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

Tutorial: Menyiapkan aplikasi web Transfer Family dasar

Tutorial ini menjelaskan cara mengatur aplikasi web Transfer Family. Aplikasi web Transfer Family memungkinkan antarmuka sederhana untuk mentransfer data ke dan dari Amazon S3 melalui browser web. Untuk dokumentasi terperinci untuk fitur ini, lihat Mentransfer aplikasi web Keluarga.

Tutorial aplikasi web: prasyarat

catatan

Tutorial ini mengasumsikan bahwa Anda menggunakan direktori Pusat Identitas IAM untuk penyedia identitas Anda, Jika bukan itu masalahnya, lihat Mengonfigurasi penyedia identitas Anda untuk aplikasi web Transfer Family sebelum melanjutkan dengan tutorial ini.

Setelah Anda menyelesaikan tutorial, pengguna Anda dapat masuk dan berinteraksi dengan aplikasi web yang Anda buat.

Langkah 1: Buat sumber daya pendukung yang diperlukan

Anda perlu menambahkan pengguna ke direktori Pusat Identitas IAM Anda. Anda juga memerlukan dua peran: satu untuk digunakan sebagai peran pembawa identitas untuk aplikasi web Anda, dan yang kedua untuk digunakan untuk mengonfigurasi hibah akses Amazon S3. Untuk tutorial, kami mengizinkan AWS layanan untuk menciptakan peran ini untuk kami.

Untuk menambahkan pengguna
  1. Masuk ke Konsol Manajemen AWS dan buka AWS IAM Identity Center konsol di https://console.aws.amazon.com/singlesignon/.

  2. Dari panel navigasi kiri, pilih Pengguna.

  3. Memilih Tambah pengguna dan tentukan detail pengguna.

    Tentukan nama pengguna, alamat email, dan informasi lain yang diperlukan. Anda dapat memilih untuk mengirim email ke pengguna dengan instruksi untuk mengatur kata sandi mereka, atau Anda dapat membuat kata sandi satu kali untuk dibagikan dengan mereka.

  4. Memilih Berikutnya dan secara opsional menetapkan pengguna baru ke satu atau lebih grup.

  5. Memilih Berikutnya dan tinjau pilihan Anda.

    Jika semuanya terlihat bagus, pilih Tambah pengguna untuk membuat pengguna baru dengan detail yang Anda tentukan.

    Untuk tutorial, contoh pengguna adalah Bob Stiles, nama pengguna bobstiles dan alamat email bobstiles@example.com.

Langkah 2: Buat aplikasi web Transfer Family

Cara membuat aplikasi web Transfer Family
  1. Masuk ke Konsol Manajemen AWS dan buka AWS Transfer Family konsol di https://console.aws.amazon.com/transfer/.

  2. Di panel navigasi kiri, pilih Aplikasi web.

  3. Memilih Buat aplikasi web.

    Untuk akses otentikasi, perhatikan bahwa layanan secara otomatis menemukan AWS IAM Identity Center contoh yang Anda atur sebagai prasyarat.

  4. Di Jenis izin panel, pilih Membuat dan menggunakan peran layanan baru. Layanan ini menciptakan peran pembawa identitas untuk Anda. Peran pembawa identitas mencakup identitas pengguna yang diautentikasi dalam sesinya.

  5. Di Unit aplikasi web panel, terima nilai default 1, atau sesuaikan ke nilai yang lebih tinggi jika diperlukan.

  6. Tambahkan tag untuk membantu Anda mengatur aplikasi web Anda. Untuk tutorial, masukkan Nama Untuk kunci dan Tutorial aplikasi web untuk nilainya.

    Tip

    Anda dapat mengedit nama aplikasi web langsung dari Aplikasi web daftar halaman setelah Anda membuatnya.

  7. Pilih Berikutnya untuk membuka Desain aplikasi web halaman. Pada layar ini, berikan informasi berikut.

    Anda dapat secara opsional memberikan judul untuk aplikasi web Anda. Anda juga dapat mengunggah file gambar untuk logo dan favicon Anda.

    • Untuk judul halaman, sesuaikan judul untuk tab browser yang dilihat pengguna saat mereka terhubung ke aplikasi web. Jika Anda tidak memasukkan apa pun untuk judul halaman, defaultnya adalah Transfer Aplikasi Web.

    • Untuk logo, unggah file gambar. Ukuran unggahan maksimum untuk gambar logo Anda adalah 2 MB.

    • Untuk favicon, unggah file gambar. Ukuran unggahan maksimum untuk favicon Anda adalah 2 MB.

  8. Pilih Berikutnya, lalu pilih Buat aplikasi web.

Untuk memberikan pengalaman bermerek, Anda dapat memberikan URL khusus bagi pengguna untuk mengakses aplikasi web Transfer Family Anda. Lihat perinciannya di Memperbarui titik akhir akses Anda dengan URL khusus.

Langkah 3: Konfigurasikan Cross-origin berbagi sumber daya (CORS) untuk bucket Anda

Anda harus mengatur berbagi sumber daya lintas asal (CORS) untuk semua bucket yang digunakan oleh aplikasi web Anda. SEBUAH Konfigurasi CORS adalah dokumen yang mendefinisikan aturan yang mengidentifikasi asal yang akan Anda izinkan untuk mengakses bucket Anda. Untuk informasi lebih lanjut tentang CORS, lihat Mengkonfigurasi berbagi sumber daya lintas asal (CORS).

Untuk mengatur Cross-origin berbagi sumber daya (CORS) untuk bucket Amazon S3 Anda
  1. Masuk ke Konsol Manajemen AWS dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

  2. Memilih Ember dari panel navigasi kiri dan cari bucket Anda di dialog pencarian, lalu pilih Perizinan tab.

  3. Dalam Cross-origin berbagi sumber daya (CORS), pilih Sunting dan tempel kode berikut. Ganti AccessEndpoint dengan titik akhir akses aktual untuk aplikasi web Anda. Pastikan untuk tidak memasukkan garis miring, karena hal itu menyebabkan kesalahan saat pengguna mencoba masuk ke aplikasi web Anda.

    • Contoh yang salah: https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws/

    • Contoh yang benar: https://webapp-c7bf3423.transfer-webapp.us-east-2.on.aws

    Jika Anda menggunakan kembali bucket untuk beberapa aplikasi web, tambahkan titik akhir akses aplikasi web mereka ke AllowedOrigins daftar.

    [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET", "PUT", "POST", "DELETE", "HEAD" ], "AllowedOrigins": [ "https://AccessEndpoint" ], "ExposeHeaders": [ "last-modified", "content-length", "etag", "x-amz-version-id", "content-type", "x-amz-request-id", "x-amz-id-2", "date", "x-amz-cf-id", "x-amz-storage-class", "access-control-expose-headers" ], "MaxAgeSeconds": 3000 } ]
  4. Memilih Simpan perubahan untuk memperbarui CORS.

Langkah 4: Tambahkan pengguna ke aplikasi web Transfer Family

Tambahkan pengguna yang sebelumnya Anda buat di Pusat Identitas IAM.

Untuk menetapkan pengguna ke aplikasi web Transfer Family
  1. Arahkan ke aplikasi web yang Anda buat sebelumnya.

  2. Pilih Menetapkan pengguna dan grup.

    Layar menampilkan detail untuk aplikasi web yang dipilih.
  3. Untuk menetapkan pengguna yang sebelumnya Anda buat di Pusat Identitas IAM, pilih Menetapkan pengguna dan grup yang ada dan pilih Berikutnya.

    1. Cari pengguna dengan nama tampilan. Perhatikan bahwa tidak ada pengguna yang muncul sampai Anda mulai memasukkan kriteria pencarian Anda. Untuk menambahkan Bob Stiles, masukkan bob di kotak pencarian. Jika Anda tidak dapat menemukan pengguna, navigasikan ke konsol manajemen Pusat Identitas IAM, temukan pengguna, lalu salin dan tempel nama tampilannya di sini.

    2. Pilih Bob Stiles pengguna, lalu pilih Menetapkan.

Langkah 5: Daftarkan lokasi di Amazon S3 dan buat hibah akses

Setelah menetapkan pengguna ke aplikasi web, Anda perlu mendaftarkan bucket dan membuat hibah akses untuk pengguna tersebut.

catatan

Anda harus memiliki instance S3 Access Grants sebelum dapat melanjutkan. Untuk detailnya, lihat Membuat instance S3 Access Grants di Panduan Pengguna Layanan Penyimpanan Sederhana Amazon.

Untuk mendaftarkan lokasi dan membuat hibah akses
  1. Masuk ke Konsol Manajemen AWS dan buka konsol Amazon S3 di https://console.aws.amazon.com/s3/.

  2. Memilih Hibah Akses dari panel navigasi kiri.

  3. Pilih Lihat rincian untuk melihat detail instans S3 Access Grants Anda.

  4. Pilih Lokasi tab, lalu pilih Daftar lokasi.

  5. Berikan informasi berikut.

    • Untuk Lingkup, telusuri bucket atau masukkan nama bucket Anda, dan secara opsional awalan. Perhatikan bahwa cakupan dimulai dengan string s3://.

    • Untuk peran IAM, pilih Buat peran baru agar Amazon S3 membuat peran. Peran ini memungkinkan S3 Access Grants mengakses cakupan lokasi yang Anda tentukan.

    Layar yang menunjukkan Amazon S3 Daftarkan Bucket atau awalan S3 sebagai lokasi dialog dengan default Lingkup dan Buat peran baru pengaturan.

    Pilih Daftar lokasi untuk melanjutkan.

  6. Pilih Hibah tab, lalu pilih Buat Hibah dan berikan rincian berikut.

    • Untuk Lokasi, pilih Jelajahi lokasi dan pilih lokasi yang Anda daftarkan pada langkah sebelumnya.

    • Untuk Subawalan, masukkan * untuk menunjukkan bahwa hibah akses berlaku untuk seluruh bucket.

    • Untuk Perizinan, pilih Membaca dan Menulis.

    • Untuk Jenis penerima hibah, pilih Identitas direktori dari Pusat Identitas IAM.

    • Untuk Jenis identitas direktori, pilih Pengguna.

    • Dalam Pengguna/ID Pusat Identitas IAM, salin dan tempel ID pengguna untuk Bob Stiles. ID ini tersedia di Pengguna panel di aplikasi web Transfer Family Anda.

  7. Pilih Buat Hibah.

Hibah akses dibuat.

Langkah 6: Akses aplikasi web Transfer Family Anda sebagai pengguna

Sekarang, kita menavigasi ke URL aplikasi web dan masuk sebagai pengguna yang kita tetapkan sebelumnya.

Untuk masuk ke aplikasi web Transfer Family
  1. Menavigasi ke aplikasi web Anda

  2. Pilih Akses titik akhir dari Detail aplikasi web panel.

    Layar menunjukkan detail untuk aplikasi web yang dibuat selama tutorial.
  3. Pada layar masuk, masukkan pengguna yang Anda buat, bobstiles, lalu pilih Berikutnya.

  4. Masukkan kata sandi yang ditetapkan sistem untuk pengguna ini saat dibuat dan pilih Berikutnya.

  5. Jika organisasi Anda memerlukan otentikasi multi-faktor (MFA), Anda perlu mengaturnya sekarang. Jika tidak, lanjutkan ke langkah 6.

    1. Anda disajikan dengan layar untuk mendaftarkan perangkat MFA Anda. Pilih salah satu opsi yang tersedia dan pilih Berikutnya.

    2. Lakukan langkah-langkah yang diperlukan untuk mengkonfigurasi MFA untuk pengguna ini: langkah-langkahnya tergantung pada opsi MFA yang Anda pilih.

    3. Anda mungkin harus menetapkan kata sandi baru untuk pengguna Anda: jika diperlukan, lakukan sekarang. Sistem mungkin juga mengharuskan Anda masuk lagi, menggunakan kredentif MFA baru yang Anda konfigurasi.

Penggunaan Anda akan melihat layar yang mirip dengan berikut ini. Perhatikan bahwa tangkapan layar ini termasuk penyesuaian untuk favicon dan logo.

Contoh aplikasi web Transfer Family, dengan judul, favicon, dan logo yang disesuaikan.

Langkah selanjutnya

Anda telah berhasil menyiapkan aplikasi web Transfer Family dasar dengan akses bucket S3 standar. Jika Anda memerlukan kontrol yang lebih terperinci atas izin bucket, seperti mengizinkan pengguna mengunduh dari satu bucket dan mengunggah ke yang lain, lihat Tutorial: Menyiapkan AWS Transfer Family aplikasi web dengan akses multi-bucket selektif.

Integrasikan Okta sebagai penyedia identitas Anda untuk aplikasi web

Anda dapat mengintegrasikan penyedia identitas eksternal dengan aplikasi web Transfer Family. Bagian ini menjelaskan cara mengatur Okta sebagai penyedia identitas Anda.

  1. Di Okta, buat pengguna, grup, dan aplikasi. Untuk detail tentang cara melakukan ini, lihat Konfigurasikan SAML dan SCIM dengan Okta dan Pusat Identitas IAM.

    Contoh aplikasi Okta untuk digunakan dengan tutorial aplikasi web Transfer Family
  2. Hubungkan Okta dan impor pengguna dan grup dari Okta ke AWS IAM Identity Center. Ikuti langkah 1-4 di Konfigurasikan SAML dan SCIM dengan Okta dan Pusat Identitas IAM.

    IAM Identity Center menampilkan contoh pengguna terintegrasi dari Okta
    IAM Identity Center menampilkan contoh grup terintegrasi dari Okta
  3. Konfirmasikan bahwa sumber identitas di Pusat Identitas IAM adalah SAML 2.0.

    Pusat Identitas IAM menunjukkan bahwa sumber identitasnya adalah SAML 2.0
  4. Menetapkan pengguna dan grup Anda, seperti yang dijelaskan di Langkah 4: Tambahkan pengguna ke aplikasi web Transfer Family.

  5. Untuk menghindari pengguna Anda perlu menggunakan MFA saat masuk ke aplikasi web Anda, lakukan langkah-langkah berikut di Okta.

    1. Dari konsol admin Okta, akses [Aplikasi] - [Aplikasi], dan pilih AWS IAM Identity Center aplikasi.

    2. Pada Masuk tab, pilih [Otentikasi pengguna] - Sunting.

    3. Pilih Hanya kata sandi.

Setelah Anda melakukan semua langkah lain untuk tutorial, pengguna Anda harus dapat mengakses aplikasi web Transfer Family Anda dengan menavigasi ke titik akhir akses aplikasi web di browser web.