【Amazon CloudFront】Lambda@Edgeを使ってS3 内コンテンツのBasic認証を作成してみた

こんにちは！技術4課のイーゴリです。

Lambda@Edgeを使ってS3 内コンテンツのBasic認証を作成してみたので、本件の記事ではご紹介致します。

f:id:swx-korotkov:20220405100709p:plain

前提条件
事前準備
Lambda@Edgeの概要
Lambda@Edge用のIAMロールの作成
Lambda関数の作成
Lambda@Edge へのデプロイ
動作確認
考慮事項
- Lambda@Edgeを削除したい場合
- Lambda@Edge 関数の例

前提条件

ウェブサイトアクセスのアクセス許可の設定済みのS3バケット
CloudFrontのディストリビューション

事前準備

今回はS3バケットの作成及びPublicアクセス権限の設定は省きますが、ご覧になりたい方は下記の公式ページをご参考ください。

上記の結果でCloudFrontまでアクセスができました！

f:id:swx-korotkov:20220401130222p:plain

ここからやっと本題に参ります。

Lambda@Edgeの概要

Lambda@EdgeとはCloudFrontのエッジロケーションからコードを実行するLambda関数のことで、ユーザに近い場所でコードが実行されるので高速なコンテンツ配信が可能になる仕組みです。

CloudFrontに4つのタイプがあります。それぞれのリクエストに対してLambdaのコードを適用することが出来ます。

タイプ	説明
ビューワーリクエスト (Viewer request)	CloudFrontがエンドユーザーからリクエストを貰う時
オリジンリクエスト (Origin request)	CloudFrontからオリジンへリクエストを転送する時
オリジンレスポンス (Origin response)	CloudFrontがオリジンからの応答を受ける時
ビューワーレスポンス (Viewer response)	CloudFrontがエンドユーザーに応答する前

f:id:swx-korotkov:20220331185939p:plain

Lambda@Edge用のIAMロールの作成

[サービス]>[IAM]>[ロール]>[ロールを作成]をクリックします。

[Lambda]を選択し、[次へ]をクリックします。

f:id:swx-korotkov:20220401111701p:plain

[AWSLambdaBasicExecutionRole]ポリシーを追加し、次へ進みます。

f:id:swx-korotkov:20220401111844p:plain

IAMロール名を記載し、設定を完了します。

f:id:swx-korotkov:20220401112145p:plain

下記のURLに記載してある通り"edgelambda.amazonaws.com"を追加しないといけないため、信頼関係を編集します。

docs.aws.amazon.com

対象のIAMロールに入って、[信頼関係]で[編集]ボタンをクリックします。

f:id:swx-korotkov:20220401112634p:plain

下記の設定を入力し、保存します。

{
   "Version": "2012-10-17",
   "Statement": [
      {
         "Effect": "Allow",
         "Principal": {
            "Service": [
               "lambda.amazonaws.com",
               "edgelambda.amazonaws.com"
            ]
         },
         "Action": "sts:AssumeRole"
      }
   ]
}

f:id:swx-korotkov:20220401112841p:plain