素敵なサムシングを独断と偏見で一方的に紹介するブログ(´・ω・`)

IT

投稿日: 2018年5月15日
最終更新日:

【自動キャッシュ削除】StaticPressで転送した際にCloudFrontでInvalidateを自動でする方法

ねこじゃすり

created by Rinker
PEPPY(ペピイ)
¥3,850 (2024/03/15 19:03:46時点 Amazon調べ-詳細)

猫を魅了する魔法の装備品!

Anker PowerCor

created by Rinker
Anker
¥4,990 (2024/03/15 15:06:44時点 Amazon調べ-詳細)

旅行には必須の大容量モバイルバッテリー!

ペヤング ソースやきそば 120g×18個

created by Rinker
ペヤング
¥2,600 (2024/03/15 19:03:46時点 Amazon調べ-詳細)

とりあえず保存食として買っておけば間違いなし!

レッドブル エナジードリンク 250ml×24本

created by Rinker
Red Bull(レッドブル)
¥4,080 (2024/03/15 19:03:47時点 Amazon調べ-詳細)

翼を授けよう!

モンスターエナジー 355ml×24本 [エナジードリンク]

created by Rinker
モンスター
¥4,748 (2024/03/15 19:03:48時点 Amazon調べ-詳細)

脳を活性化させるにはこれ!

ドラゴンクエスト メタリックモンスターズギャラリー メタルキング

created by Rinker
スクウェア・エニックス(SQUARE ENIX)
¥3,250 (2024/03/15 19:03:48時点 Amazon調べ-詳細)

みんな大好き経験値の塊をデスクに常備しておこう!

BANDAI SPIRITS ULTIMAGEAR 遊戯王 千年パズル 1/1スケール

created by Rinker
BANDAI SPIRITS(バンダイ スピリッツ)
¥7,180 (2024/03/15 15:06:46時点 Amazon調べ-詳細)

もう一人の僕を呼び覚ませ!!

スポンサーリンク

336×280




おさらい

サイトのSSL化まで

前回までの記事では、StaticPressでHTML化し、

StaticPressS3でS3バケットに転送し、

CloudFrontとRoute53を使って独自ドメインでアクセスし、

サイトをSSL化するところまで設定をしました。

更新されない問題

CloudFrontが悪さをしてしまう

今の状態だと、新しい記事を公開してStaticPressで転送する分には問題なくほぼ即時反映されるが、公開済みの記事を更新した場合は即時反映がされない状態となってしまっています。

これは、CloudFrontに備わっているキャッシュ機能が働いているからです。
本来はCloudFrontはコンテンツを高速配信するためのCDNのサービスです。
それをS3バケットと連携させてWebサイトをホスティングしているので、今回のような即時反映がされない現象が発生してしまっています。

今回はCloudFrontのキャッシュ機能を残したまま、意図的にキャッシュを削除し即時反映されるように設定をしてみようと思います。

手順

手動で行う場合

CloudFrontからInvalidate

CloudFrontのキャッシュは意図的に削除して即時反映することは可能です。

AWSのマネジメントコンソールにアクセスし、上部サービスメニューからネットワーキング & コンテンツ配信>CloudFrontを選択します。

次に対象のDistributionsを選択します。

そしたら、Invalidatinosタブを選択し、Create Invalidationをクリックします。

すると、以下のようなダイアログが表示されます。
Object Pathsにはキャッシュを削除したいオブジェクトを指定します。
今回はとりあえず全てのオブジェクトのキャッシュを削除したいので、/*を入力してInvalidateボタンをクリックします。

すると、In Progresssという状態で処理が始まります。
このStatusがCompletedになるとキャッシュが削除されたのでコンテンツが更新されていると思います。

自動で行う場合

Lambdaの作成

上記のように手動でもキャッシュを削除することは可能ですが、記事を追加/更新するたびにAWSのマネジメントコンソールにアクセスして、ボタンを押すのは毎回となるととてもめんどくさいです。

ですが、ここは自動化をすることが可能です。

今回はStaticPressS3でS3バケットに転送した際に、自動でオブジェクトのキャッシュをクリアするような設定を入れてみましょう。

自動でInvalidationをするにはLambdaを利用します。
Lambdaとは、あらかじめ登録しておいた関数を、様々なイベントをトリガーに実行することが出来るサービスとなっています。

上部サービスメニューからコンピューティング>Lambdaをクリックします。

次に、左部メニューのダッシュボードを選択し、関数の作成ボタンをクリックします。

次の画面では、関数の設定を行っていきます。
まずは一から作成を選択します。

次に、任意の関数名を入力しランタイムはPython 2.7を選択します。
そして、ロールはLambda実行用のロールを作成するので、カスタムロールの作成を選んでください。

すると、ロールの作成画面が開くので、任意のロール名と以下のポリシーJsonを入力して許可ボタンをクリックしてください。


先ほどの画面に戻り、既存のロールを選択に変更すると既存のロールに先ほど作成したロールが追加されているので、そちらを選択し関数の作成ボタンをクリックします。

次に、トリガーの設定を行います。
今回はS3バケットへのアクションがトリガーなので、設定タブのS3を選択します。
すると、トリガーエリアにS3が追加されるので、必要な設定リンクをクリックします。

すると、トリガーの設定画面が開くので、監視したいバケットを選択、イベントタイプをオブジェクトの作成(すべて)を選択、トリガーの有効化にチェックを入れて追加ボタンをクリックします。

次に、実行するPythonの関数を登録します。
画面中段あたりの関数コードエリアに進み、以下のコードを追加してください。
※${DistributionId}は自分のものを入れてください

これでLambdaの設定は完了なので、上部の保存ボタンをクリックしましょう。

確認

では、実際にStaticPressを利用して記事を更新し、自動でキャッシュが削除されているかの確認をしてみましょう。
更新前は以下のようなタイトルになっています。

WordPress側でタイトルを更新し、StaticPressで転送しCloudFrontのInvalidationsを確認してみると・・・

お、自動でInvalidateが実行されてキャッシュが削除されていますね!

ブラウザでも確認してみましょ。う!

キタコレ!!!!
無事に即時反映が自動でされるようになりましたね♪

終わりに

以上のように、AWSのLambda関数を利用する事でCloudFrontを使っていてもコンテンツの即時反映がされるようになりました。

これで記事を書いて転送することだけに集中出来るので、どんどんコンテンツを増やしてPV増加を狙ってみてください♪

336×280




336×280




CATEGORIES & TAGS

IT, , , , , , , , , ,

blogenist

Author: blogenist

関連記事

YouTubeも見てね♪

お名前.comサイドバー