View a markdown version of this page

Uploads baseados no navegador para o Amazon S3 usando a biblioteca do AWS Amplify - Amazon Simple Storage Service
Uso da biblioteca JavaScript do AWS Amplify para fazer upload de arquivos no Amazon S3Mais informações

Uploads baseados no navegador para o Amazon S3 usando a biblioteca do AWS Amplify

Esta seção descreve como fazer upload de arquivos no Amazon S3 usando a biblioteca JavaScript do AWS Amplify.

Para obter informações sobre como configurar a biblioteca do AWS Amplify, consulte Instalação e configuração do AWS Amplify.

Uso da biblioteca JavaScript do AWS Amplify para fazer upload de arquivos no Amazon S3

O módulo Storage da biblioteca do AWS Amplify oferece um mecanismo simples de upload baseado no navegador para gerenciar o conteúdo do usuário no armazenamento público ou privado do Amazon S3.

exemplo: Configuração manual do AWS Amplify

O exemplo a seguir mostra a configuração manual para usar o módulo de armazenamento do AWS Amplify. A implementação padrão do módulo de armazenamento usa o 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
    }
);
exemplo: Colocar dados no Amazon S3

O exemplo a seguir mostra como put dados públicos no Amazon S3.

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

O exemplo a seguir mostra como put dados privados no Amazon S3.

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

Para obter mais informações sobre como usar o módulo de armazenamento do AWS Amplify, consulte Armazenamento do AWS Amplify.

Mais informações

Introdução ao AWS Amplify