グロースハックする~ダフえもん~

S3を使用したホスティングサーバーの構築

ごきげんようdafです。 フロントのお勉強にテストサーバーが必要ということで準備したお話 あまり時間をかけずに認証はかけたい ということでやりました。

やりたいこと

  • フロントエンドの学習のためにテストサーバーが必要
  • 認証をかけたい

やること

  • S3の静的ホスティングサービスをつかって静的ページを表示
  • EC2インスタンスを噛ませてbasic認証をかける

環境

EC2(Amazon Linux) – http(80) – ssh(20) にアクセス可能にする S3バケット – S3のバケットを準備(バケット名はfront.dafman.club) – Webホスティングを有効にする Route53 – ドメイン”front.dafman.club”を発行 – type:CNAME – value:インスタンスのPublic DNS

S3のバケット設定

EC2の設定

nginx&Basic認証

.htpasswd作成

nginxのconfファイルを作成

nginxの起動&自動起動設定