AWSは、ウェブアプリケーションに追加できるオープンソースのUIコンポーネントであるStorage Browser for Amazon S3を発表しました。これにより、顧客、パートナー、従業員などの承認されたエンドユーザーは、S3のデータを簡単に閲覧、アップロード、ダウンロード、コピー、削除できます。Storage Browser for S3は、S3のデータへのアクセスをエンドユーザーに提供しようとする開発者の負担を軽減します。顧客、パートナー、従業員などのエンドユーザーは、Amazon S3またはAmazon Web Servicesの習熟度に関係なく、データを効率的に操作できます。さらに、開発者はStorage Browserインターフェースのルックアンドフィールをカスタマイズして、アプリケーションのデザインに合わせることができます。Storage Browser for S3はAWS Amplify UI Reactコンポーネントであるため、ReactまたはNext.js、Gatsby、RemixなどのReactベースのフレームワークで構築されたウェブアプリケーションで使用してください。また、AWS AmplifyとAWS Amplify UI Reactの両方のパッケージをインストールする必要があります。Storage Browser for S3では、エンドユーザーがアクセスできるS3バケットまたはプレフィックスと、実行できるアクションをレンダリングできるように、認証と承認を設定する必要があります。アクセス許可の設定には3つのオプションがあり、それぞれ異なるユースケースに適しています。AWS Amplify Authの使用、AWS IAM Identity Centerの使用、またはAmazon S3 Access GrantsでのIAMロールの使用です。その柔軟な設計のおかげで、Storage Browser for S3をカスタマイズして、アプリケーションのルックアンドフィールに合わせることができます。他のAmplify UIコンポーネントと同様に、デフォルトではアプリケーションでアクティブになっているAmplifyテーマを使用します。ただし、独自のテーマを作成するか、CSSを使用して要素を直接ターゲットにすることで、ボタン、ブレッドクラム、ページングコントロール、テキストフィールドなどのコンポーネントを簡単に変更できます。Storage Browser for S3は、Glacier Flexible RetrievalとS3 Glacier Deep Archiveを除くすべてのAmazon S3ストレージクラスと互換性があります。S3 Intelligent-Tieringと互換性がありますが、S3 Intelligent-Tiering Archive Access TierまたはS3 Intelligent-Tiering Deep Archive Access Tierとは互換性がありません。Storage Browser for S3には、高スループットデータ転送のアップロードリクエストを強化し、アップロードされたデータのチェックサムを計算し(これらの耐久性チェックに失敗したリクエストを拒否)、アプリケーションの読み込み時間を短縮するためにパフォーマンスを最適化する組み込みロジックが含まれています。