AWS S3 + CloudFrontでReactアプリをHTTPS公開するための正しい構成 - Qiita

はじめに Reactのようなフロントエンドアプリの配置先としては、AWS S3のようなフルマネージドなWebホスティング環境が最適です。ただし、S3のWebホスティング機能は単体ではSSL(TSL)通信が不可のため、クローズドなS3の前にCloudFrontを置いてCloudFront経由でSSL(TSL)通信を実現します。その際、S3への直接アクセスやCloudFrontへの非暗号HTTP通信は拒否し、必ずSSL(TSL)で暗号化されたHTTPS通信となるようにします。 ポイントは、S3はパブリックアクセスを禁止して構成し、CloudFrontからのOAI（Origin Access Identity）を使ったアクセスのみ許可します。OAIの構成はCloudFrontの構成の中で自動で設定するようにできます。 より簡単に環境を作るには、別記事にて紹介するAWS Amplifyが使えます（