View a markdown version of this page

AWS Amplify ライブラリを使用した Amazon S3 へのブラウザベースのアップロード - Amazon Simple Storage Service
AWS Amplify JavaScript ライブラリを使用した Amazon S3 へのファイルのアップロード詳細

AWS Amplify ライブラリを使用した Amazon S3 へのブラウザベースのアップロード

このセクションでは、AWS Amplify JavaScript ライブラリを使用して Amazon S3 にファイルをアップロードする方法について説明します。

AWS Amplify ライブラリの設定については、「AWS Amplify のインストールと設定」を参照してください。

AWS Amplify JavaScript ライブラリを使用した Amazon S3 へのファイルのアップロード

AWS Amplify ライブラリ Storage モジュールは、パブリックまたはプライベート Amazon S3 ストレージでユーザーコンテンツを管理するためのシンプルなブラウザベースのアップロードメカニズムを提供します。

例: AWS Amplify 手動セットアップ

次の例は、AWS Amplify ストレージモジュールを使用するための手動セットアップを示しています。Storage モジュールのデフォルトの実装では、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 にデータを配置する

次の例に、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));

AWS Amplify Storage モジュールの使用の詳細については、「AWS Amplify Storage」を参照してください。

詳細

AWS Amplify クイックスタート