AWS Amplify 라이브러리를 사용하여 Amazon S3에 브라우저 기반 업로드

다음 예제에서는 AWS Amplify 스토리지 모듈을 사용하기 위한 수동 설정을 보여줍니다. 스토리지 모듈의 기본 구현에서는 Amazon S3를 사용합니다.

import Amplify from 'aws-amplify';
Amplify.configure(
    Auth: {
        identityPoolId: 'XX-XXXX-X:XXXXXXXX-XXXX-1234-abcd-1234567890ab', //REQUIRED - Amazon Cognito Identity Pool ID
        region: 'XX-XXXX-X', // REQUIRED - Amazon Cognito Region
        userPoolId: 'XX-XXXX-X_abcd1234', //OPTIONAL - Amazon Cognito User Pool ID
        userPoolWebClientId: 'XX-XXXX-X_abcd1234', //OPTIONAL - Amazon Cognito Web Client ID
    },
    Storage: {
        bucket: '', //REQUIRED -  Amazon S3 bucket
        region: 'XX-XXXX-X', //OPTIONAL -  Amazon service region
    }
);

다음 예제에서는 Amazon S3에 퍼블릭 데이터를 put하는 방법을 보여 줍니다.

Storage.put('test.txt', 'Hello')
        .then (result => console.log(result))
        .catch(err => console.log(err));

다음 예제에서는 Amazon S3에 프라이빗 데이터를 put하는 방법을 보여 줍니다.

Storage.put('test.txt', 'Private Content', {
        level: 'private',
        contentType: 'text/plain'
    })
    .then (result => console.log(result))
    .catch(err => console.log(err));