アプリケーションのビルド

まず作成したWebアプリケーションをビルドします。
今回は、ビルドにyarnを使用しています。

> yarn build

アプリケーションの公開

次に、S3に公開用のバケットを用意します。

> aws s3 mb s3://devawsome-publish-mine --region us-west-2

※「devawsome-publish-mine」はバケット名です

さらに、アプリケーションをバケットにアップロードします。

> aws s3 sync . s3://devawsome-publish-mine --acl public-read

アップロードしたファイルは同期され、「--acl public-read」オプションをつけたことにより、ファイルがバケットにアップロードされると同時に、パブリックで読み取りアクセス可能な権限が付与されます。

最後にS3バケットのStatic website hostingを有効にします。

> aws s3 website s3://devawsome-publish-mine --index-document index.html

これで以下のようにバケット名を指定してアクセスできるようになります。

http://devawsome-publish-mine.s3-website-us-west-2.amazonaws.com

確認

WebブラウザからURLにアクセスします。
すると、まずログイン画面が表示されます。

ユーザ名とパスワードを設定すると、ファイルのアップロードが表示されます。

ファイルをアップロード後、「My Photo List」で結果を確認します。

AWSサービスの構成は以下のようになっています。

※Cloud9の部分は省きました

まとめ

元アプリケーションエンジニアにとって、こんなに簡単にWebサービス（それもそれなりに機能がしっかりしている）が出来てしまうのが驚きでした。
もちろん、設定ファイルなど、内容を理解せずにそのまま利用しているものが多数あるので、これまで作成できるようになるためには、もっともっと勉強しないといけないのですが。

いい体験が出来たと思っていますので、今後もチェレンジしていきたいと思います。