Amazon CloudFrontの公開設定を色々とためしてみた

Last updated at 2022-01-23Posted at 2022-01-23

Amazon CloudFrontの公開設定を色々とためしてみました

事前準備

事前にAmazon S3に公開したいファイル一式をアップロード
設定は非公開のままでOK

Amazon S3と組み合わせた公開

Amazon CloudFrontとAmazon S3を組み合わせて公開する方法です。

AWSコンソール → CloudFrontをクリック。

「CloudFrontディストリビューションを作成」をクリック。

対象のS3のドメインを指定。S3のバケットアクセスを指定しポリシーは自動更新に設定。httpsにリダイレクトする設定。ルートオブジェクトにS3のindex.htmlを設定。その他は今回はデフォルトのまま設定。

作成後、S3のバケットを確認するとポリシーが自動で設定されているのを確認。

作成されたCloudFrontのS3用のディストリビューションのURLにアクセスしてみる。

CloudFront経由でS3にアクセスしWebSiteが表示される。

指定IPのみ公開

Amazon CloudFrontで指定IPのみ公開する方法です。

事前準備として、CloudFront経由でS3でのWebSite表示。

関数 → 「関数を作成」をクリック。

関数名と説明を設定 → 「関数を作成」をクリック。

CloudFront FunctionsでIP制限をする関数を設定します。

function handler(event) {
    var request = event.request;
    var clientIP = event.viewer.ip;
    // 許可したいIP指定
    var allowIP  = '許可したいIP';

    if (clientIP === allowIP) {
        return request;
    } else {
        var response = {
            statusCode: 403,
            statusDescription: 'Forbidden',
        }
        return response;
    }
}

発行 → 「関数を発行」をクリック。

関数作成後関連付けのメニューが表示されるので「関連付けを追加」をクリック。

対象のディストリビューション・イベントタイプ・キャッシュビヘイビアを設定 → 「関連付けを追加」をクリック。

Basic認証公開

Amazon CloudFrontでBasic認証で公開する方法です。

↓ 参考にさせて頂きました。

事前準備として、CloudFront経由でS3でのWebSite表示。

関数 → 「関数を作成」をクリック。

関数名と説明を設定 → 「関数を作成」をクリック。

CloudFront FunctionsでBasic認証をする関数を設定します。

function handler(event) {
    var request = event.request;
    var headers = request.headers;
    // ユーザーとパスワード設定
    var user = 'ユーザーを設定';
    var pass = 'パスワードを設定';
    var authValue = 'Basic ' + (user + ':' + pass).toString('base64');
    
    if (typeof headers.authorization === 'undefined' || headers.authorization.value !== authValue) {
        var response = {
            statusCode: 401,
            statusDescription: 'Unauthorized',
            headers: {'www-authenticate': {value:'Basic'}}
        };
        return response;
     } else {
        return request;
     }
}