SOutaHI / download-object-from-s3

download object from s3 without server only frontend.

download-object-from-s3

• download object from s3 without server.
• only use frontend.

setup

• create .env file, and write access key for s3.

REACT_APP_AWS_ACCESS_KEY_ID='*************'
REACT_APP_AWS_SECRET_ACCESS_KEY='**********'
REACT_APP_AWS_DEFAULT_REGION='ap-northeast-1'
REACT_APP_BUCKET_NAME='***************'

execute

start

npm start

download file

• push "download" button. and download file on s3 bucket under ~/Downloads/.

ref

uniform info

• Amazon S3 examples using SDK for JavaScript (v3)
• @aws-sdk/credential-providers
• aws-sdk/client-s3 ListBucketsCommand

authorize

• Can't export fromIni from @aws-sdk/credential-providers
• type checking error with fromEnv in @aws-sdk/credential-providers

allow CORS

• S3とCloudfrontを使った際にCORSエラーを解消する方法
• Amazon S3 で CORS を設定し、cURL を使用して CORS ルールを確認する方法

example

• AWS SDK を使用して Amazon S3 オブジェクトを一覧表示するウェブページ
• AWS SDK for JavaScript（Version 3） と TypeScript を用いて S3 バケットの一覧を取得するサンプルコードを試してみた

download s3 object

• how to download file in react js

• How to download the file from server location in react Js

• Download file in React JS | Download a File or Image using React

• How to download a File in React.js (local or from URL)

• AWS-SDK v3 - Download file with Typescript

• S3.GetObject no longer returns the result as a string

• JavaScriptのStreams APIで細切れのデータを読み書きする

• Download happening, but not getting saved anywhere #223

• ストリームAPIを使いこなす

• Nodejs writable stream.write method creates a file but doesn't write in it

• TypeError: fs.createWriteStream is not a function in Node

• What's the difference between a WriteSteam and WritableStream?

• Node.js Stream を使いこなす

• サーバを使わずに、フロントエンドだけでファイルダウンロードを実装する