CloudFrontで公開したページを特定の時間で閲覧不可能にする方法

Last updated at 2025-08-27Posted at 2025-08-27

はじめに

今回は、キャンペーンサイトなどでよくある「特定の時間になったらページを非公開にしたい」という要件を、CloudFront Functionsを使って簡単でシンプルに実現する方法についてです。

サーバーレスで、かつEventBridge スケジューラ（Cron）やStep Functionsのようなスケジュール実行サービスも使わない構成です。

解決策：CloudFront Functionsで「ゲート」を設置する

ビューワーリクエストにCloudFront Functionsを指定して、ゲートとして設置します。

Basic認証などで使用する方もいらっしゃるのではないでしょうか。

仕組みは、Webコンテンツ（S3など）の手前にあるCloudFrontに、時刻をチェックする門番を設置するイメージです。

実行場所: AWSのサーバー上（エッジロケーション）
時刻の基準: UTC（協定世界時）

補足：日本時間（JST）からUTCへの変換

日本時間（JST）はUTCより9時間進んでいます (UTC+9)。
そのため、UTCの時刻を計算するには日本時間から9時間を引きます。

例1: JST 9月30日 09:00 → 09 - 9 = 0 → UTC 9月30日 00:00
例2: JST 10月1日 08:00 → 08 - 9 = -1 → UTC 9月30日 23:00 (日付が前日になる)

ここは非常に重要なので、慎重に行いましょう。

実装

それでは、実際に関数を設定していきます。

1. CloudFront Functionの作成

AWSコンソールからCloudFrontのダッシュボードを開き、サイドメニューの「関数」に遷移

「関数の作成」をクリック

関数名（例: block-access-by-time）を入力して作成します。

2. コードの記述

作成した関数の「ビルド」タブを開き、関数コードを記述。

今回は、**日本時間で2025/8/31 23:59:59を期限に設定するコードです。

ご自身の要件に合わせてexpirationDateの値を書き換えてください。

async function handler(event) {
    // --- 締切時刻の設定 ---
    const expirationDate = new Date('2025-08-31T014:59:59Z');
    
    const currentDate = new Date();

    // 現在日時が指定日時を過ぎていたらアクセスを拒否 (403 Forbidden)
    if (currentDate > expirationDate) {
        return {
            statusCode: 403,
            statusDescription: 'Forbidden'
        };
    }

    // 指定日時より前なら、通常通りリクエストを返す
    return event.request;
}