[AWS] CloudFront+S3オリジンでindex.htmlを省略する – Lambda@Edge + Node.js

CloudFrontのオリジンにS3を利用する場合、大きく2つのパターンがあります。

1. S3を独立したWebサーバとして利用する
2. S3を内部的にHDDのように利用する

前者はS3側で割と色々と設定できるのですが問題は後者です。一般的なWebサーバのように「example.com/hoge/」にアクセスしたら「example.com/hoge/index.html」を返して欲しかったりするわけですが、この機能は自分でコードを書いて用意する必要があるのです。正直面倒くさいｗ

というわけでCloudFrontを制御するLambda@Edgeを準備していきます。

基本的な設定の流れ

大きな流れは過去の記事とほぼ同じです。以下を参照ください。IAMの信頼関係などハマりどころも説明しています。

[AWS] CloudFrontでBASIC認証を行う - Lambda@Edge + Node.js

https://blog.katsubemakito.net/aws/cloudfront-basicauth

S3をWebサーバ代わりに使っている方も多いと思いますが、開発中のページや社内だけで閲覧したい場合など簡易的なアクセス制限をかけたい場合がありますよね。以前はEC2の安いインスンスを用意することもありましたが、Lambda@Edgeが登場してからはS3とCloudFrontだけで完結することができます。というわけで今回はCloudFrontを使ってBASIC認証をかける方法をまとめます。準備するCloudFrontBASIC認証のために特別な設定は不要です。いつもと同じ手順でディストリビューションを用意します。Lambda@EdgeLambda@Edgeを利用する場合、リー...

ねこの足跡R

Lambda@Edge

コード

コードは非常にシンプルです。JavaScriptのreplace()メソッドで文字列を置換してるだけですね。

exports.handler = async (event, context, callback) => {
    const request = event.Records[0].cf.request

    const olduri = request.uri
    const newuri = olduri.replace(/\/$/, '\/index.html')
    request.uri = newuri

    return callback(null, request)
}

こちらはDevelopers.IOを参考にさせていただきました。

デプロイ

CloudFrontのイベントは「オリジンリクエスト」を選択します。

参考ページ

• できた！S3 オリジンへの直接アクセス制限と、インデックスドキュメント機能を共存させる方法 | DevelopersIO

このブログを応援する

お寄せいただいたお気持ちは全額サーバ代や次の記事を執筆するための原資として活用させていただいております。この記事が参考になった場合などぜひご検討ください。

PayPalで300円支払う
※金額は任意で変更できます。
※100円でも泣いて喜びますw
※住所の入力欄が現れた場合は「no needed」を選択ください
これまでのご協力者さま

- Sponsored Link -