Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.
# Menggunakan JavaScript
Contoh JavaScript halaman web berikut memungkinkan pengguna untuk memilih gambar dan melihat perkiraan usia wajah yang terdeteksi dalam gambar. Perkiraan usia dikembalikan oleh panggilan ke [DetectFaces](https://docs.aws.amazon.com/rekognition/latest/APIReference/API_DetectFaces.html).
Gambar yang dipilih dimuat dengan menggunakan JavaScript `FileReader.readAsDataURL` fungsi, yang base64-menyandikan gambar. Hal ini berguna untuk menampilkan citra pada kanvas HTML. Namun, itu berarti bit citra harus tidak dikodekan sebelum mereka diteruskan ke operasi Amazon Rekognition Image. Contoh ini menunjukkan cara tidak mengodekan bit citra yang dimuat. Jika bit citra yang dikodekan tidak berguna bagi Anda, gunakan `FileReader.readAsArrayBuffer` sebagai gantinya karena citra yang dimuat tidak dikodekan. Ini berarti bahwa operasi Amazon Rekognition Image dapat dipanggil tanpa mengodekan bit citra terlebih dahulu. Sebagai contoh, lihat [Menggunakan readAsArray Buffer](#image-bytes-javascript-unencoded).
**Untuk menjalankan JavaScript contoh**
1. Muat kode sumber contoh ke editor.
1. Dapatkan pengenal kolam identitas Amazon Cognito. Untuk informasi selengkapnya, lihat [Mencari pengenal kolam identitas Amazon Cognito](#image-bytes-javascript-auth).
1. Di fungsi `AnonLog` dari kode contoh, ubah `IdentityPoolIdToUse` dan `RegionToUse` dengan nilai-nilai yang Anda catat di langkah 9 dari [Mencari pengenal kolam identitas Amazon Cognito](#image-bytes-javascript-auth).
1. Di fungsi `DetectFaces`, ubah `RegionToUse` dengan nilai yang Anda gunakan di langkah sebelumnya.
1. Simpan kode sumber contoh sebagai file `.html`.
1. Muat file ke peramban Anda.
1. Pilih tombol **Cari...**, dan pilih citra yang berisi satu wajah atau lebih. Tabel yang ditampilkan berisi perkiraan usia untuk setiap wajah yang terdeteksi dalam citra.
**catatan**
Contoh kode berikut menggunakan dua skrip yang tidak lagi menjadi bagian dari Amazon Cognito. Untuk mendapatkan file-file ini, ikuti tautan [ aws-cognito-sdkuntuk.min.js [ amazon-cognito-identitydan.min.js](https://raw.githubusercontent.com/aws/amazon-cognito-identity-js/master/dist/amazon-cognito-identity.min.js)](https://raw.githubusercontent.com/aws/amazon-cognito-identity-js/master/dist/aws-cognito-sdk.js), lalu simpan teks dari masing-masing sebagai file terpisah. `.js`
## JavaScript kode contoh
Contoh kode berikut menggunakan JavaScript V2. Untuk contoh di JavaScript V3, lihat [contoh di repositori contoh SDK AWS Dokumentasi](https://github.com/awsdocs/aws-doc-sdk-examples/tree/master/javascriptv3/example_code/rekognition/estimate-age-example/src). GitHub
```
Rekognition
Age Estimator
```
### Menggunakan readAsArray Buffer
Cuplikan kode berikut adalah implementasi alternatif dari `ProcessImage` fungsi dalam kode sampel, menggunakan JavaScript V2. Ini menggunakan `readAsArrayBuffer` untuk memuat citra dan memanggil `DetectFaces`. Karena `readAsArrayBuffer` tidak mengodekan file yang dimuat ke base64, tidak perlu membatalkan pengodean bit citra sebelum memanggil operasi Amazon Rekognition Image.
```
//Copyright 2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
//PDX-License-Identifier: MIT-0 (For details, see https://github.com/awsdocs/amazon-rekognition-developer-guide/blob/master/LICENSE-SAMPLECODE.)
function ProcessImage() {
AnonLog();
var control = document.getElementById("fileToUpload");
var file = control.files[0];
// Load base64 encoded image for display
var reader = new FileReader();
reader.onload = (function (theFile) {
return function (e) {
//Call Rekognition
AWS.region = "RegionToUse";
var rekognition = new AWS.Rekognition();
var params = {
Image: {
Bytes: e.target.result
},
Attributes: [
'ALL',
]
};
rekognition.detectFaces(params, function (err, data) {
if (err) console.log(err, err.stack); // an error occurred
else {
var table = "
Low
High
";
// show each face and build out estimated age table
for (var i = 0; i < data.FaceDetails.length; i++) {
table += '
' + data.FaceDetails[i].AgeRange.Low +
'
' + data.FaceDetails[i].AgeRange.High + '
';
}
table += "
";
document.getElementById("opResult").innerHTML = table;
}
});
};
})(file);
reader.readAsArrayBuffer(file);
}
```
## Mencari pengenal kolam identitas Amazon Cognito
Agar sederhana, contoh menggunakan kolam identitas Amazon Cognito anonim untuk menyediakan akses tanpa autentikasi ke API Amazon Rekognition Image. Mungkin cocok untuk kebutuhan Anda. Misalnya, Anda dapat menggunakan akses tidak sah untuk memberikan akses gratis, atau uji coba, akses ke situs web Anda sebelum pengguna mendaftar. Untuk memberikan akses yang diautentikasi, gunakan kolam pengguna Amazon Cognito. Untuk informasi selengkapnya, lihat [Kolam Pengguna Amazon Cognito](https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-user-identity-pools.html).
Prosedur berikut menunjukkan cara membuat kolam identitas yang memungkinkan akses ke identitas tidak terautentikasi, dan cara untuk mendapatkan pengenal kolam identitas yang diperlukan dalam kode contoh.
**Untuk mendapatkan pengenal kolam identitas**
1. Buka Amazon Cognito [konsol](https://console.aws.amazon.com/cognito/federated).
1. Pilih **Buat kolam identitas baru**.
1. Untuk **Nama kolam identitas\$1**, ketikkan nama untuk kolam identitas Anda.
1. Di **Identitas tidak terautentikasi**, pilih **Aktifkan akses ke identitas yang tidak terautentikasi**.
1. Pilih **Buat kolam**.
1. Pilih **Lihat detail**, dan perhatikan nama peran untuk identitas yang tidak terautentikasi.
1. Pilih **Izinkan**.
1. Di **Platform**, pilih **JavaScript**.
1. Di **Cari Kredensial AWS**, perhatikan nilai-nilai `AWS.config.region` dan `IdentityPooldId` yang ditunjukkan di potongan kode.
1. Buka konsol IAM di [https://console.aws.amazon.com/iam/](https://console.aws.amazon.com/iam/).
1. Di panel navigasi, pilih **Peran**.
1. Pilih nama peran yang Anda catat di langkah 6.
1. Di tab **Izin**, pilih **Lampirkan Kebijakan**.
1. Pilih **AmazonRekognitionReadOnlyAccess**.
1. Pilih **Pasang Kebijakan**.