S3バケットの作成: AWSコンソールにログインし、S3サービスに移動します。新しいバケットを作成し、一意の名前を指定します。このバケットは、Reactアプリケーションのファイルを格納するための場所となります。
バケットの設定: バケットのプロパティを設定します。公開アクセス設定を有効にし、ウェブサイトホスティング用にバケットを構成します。インデックスドキュメントとエラードキュメントを指定する必要があります。
Reactアプリケーションのビルド: ローカルでReactアプリケーションをビルドします。ビルドには、npmパッケージマネージャーを使用し、npm run build
コマンドを実行します。これにより、最適化された静的ファイルが生成されます。
ファイルのアップロード: S3コンソールで作成したバケットに、ビルドされたReactアプリケーションのファイルをアップロードします。必要なファイルを選択し、アップロードするだけです。
ホスティングの確認: アップロードが完了したら、S3バケットのエンドポイント(URL)にアクセスして、Reactアプリケーションが正しくホスティングされているか確認します。
以上の手順に従うことで、S3を使用してReactウェブアプリケーションを簡単にホスティングすることができます。これにより、アプリケーションを短時間で公開し、世界中のユーザーにアクセス可能にすることができます。