髙妻智一AWSのCloudFrontとS3で静的サイトをホスティングする方法ツイートシェアはてブLINEPocketS3だけでホスティングする場合S3だけの場合は簡単でホスティングしたいhtmlをS3に配置し、ホスティングの機能をONにしてインデックスドキュメントを選択するだけです。hostingを選択し、インデックスドキュッメントを入力します。これだけでS3での静的サイトのホスティングが完成します。CloudFrontを使ってホスティングする場合CloudForntを使う場合はS3のホスティング機能を無効にしておく必要があります。Startedを選択します。NameにS3を選択します。キャッシュの設定は静的サイトの場合デフォルトの設定で問題ないです。HeadersはNoneにしておくとキャッシュを活用できます。Firewall)の設定やドメインの設定ができます。ここの詳細は別途書きたいと思います。後の設定は特に何もいじらなくて大丈夫です。Distributionを押して完成です。CloudFrontのキャッシュ削除S3にアップロードしたファイルを更新した場合はクラウドフロントのキャッシュを削除しないといけません。削除はタブのInvalidationからできます。サンプルのようにファイルを指定もできますし、*を使って全てのファイルのキャッシュを削除することもできます。以前はキャッシュの削除に10分程度かかっていましたが、今は1,2分で完了するように改善されています。まとめCloudFrontとS3を使うと静的サイトのホスティングがものすごく簡単にできます。サーバーを用意しなくていいので十分な負荷にも耐えられるし、世界中のエッジロケーションを使うことで世界中どこからアクセスしても遅延なく配信できるのが素晴らしいです。CloudFrontは静的サイトだけでなくELBと連携することで動的サイトも構築できます。SPAの構築も慣れれば簡単にできるので今後紹介したいと思います。スマホゲームを作る子会社に所属し、サーバーサイドのエンジニアを担当。2年目の終わりから新規子会社の立ち上げに参加し、サーバーサイドのエンジニアリーダーとしてサービースのリリースから運用までを担当。Incにブロックチェーンエンジニアとして入社。コメントをキャンセルメールアドレスが公開されることはありません。Tokenとは?RECOMMENDこちらの記事も人気です。