シンプルWebApp - HTML/AWS Javascript SDKを使用してS3にファイルをアップロード

Question

私の開発の旅を始めて、私が取り組んでいる単純なアプリケーションにアプローチする方法についてアドバイスが必要です。私は 現代ウェブ開発の良い理解を持っていません。

私が目指しているのは、ブラウザフォーム/ HTMLフォームからAmazon S3に動画や画像をアップロードすることです。

理想的には、私はAWS node.js SDKを活用したいが、私のフロントエンドはできるだけ基本的なものにしたい（つまり、ブートストラップページ+ HTML変更）。私はまっすぐなhttp操作を行うことはできるが、今のところSDK。

私は自分のhtml、form、cssを作成しましたが（bootstrapを使用していますが）、承認/ PUTを行うnode.jsスクリプトにフォームを接続する方法を理解していませんか？

私はフォームから行って、ファイルをアップロードするスクリプトに渡すことはできますか？

アドバイスありがとうございます！ ：D

Answer 1

AWSのドキュメントをご覧ください。あなたのユースケースの例もあります：Uploading Photos to Amazon S3 from a Browser

Answer 2

アップロードを実行するにはAWS CloudFront Signed URLsを使用できます。含まれるフローは次のとおりです。

1. ブラウザから、あなたはバケットにファイルをアップロードできるようにするために、有効期限と、URLに対する要求されます。ユーザーを認証した後、の例のNodeJS BackendとAWS SDKを使用してSign url作成を記述することができます。
2. 署名されたURLとAWS JavaScript SDK for S3を使用すると、ブラウザはファイルをS3に直接アップロードできます。

署名付きURLの詳細については、How Signed URLs Workを確認してください。