StaticPress S3と共存できるWordPressプラグインClear CloudFront Cacheを公開！

StaticPress S3と一緒につかえるプラグイン「Clear CloudFront Cache」を作りましたので紹介させて頂きます。

Clear CloudFront CacheはWordPressのプラグインです。

StaticPress S3で、CloudFront＋S3でWordPressコンテンツ配信している際に、CloudFrontのキャッシュを簡単に削除できる便利プラグインです。

どんな時に使えるプラグインか

• WordPressコンテンツをCloudFront経由で配信している場合に使えます
  • WordPress管理画面でボタンをポチりすればCloudFrontのキャッシュが消えてくれます
  • 以下の記事のようにStaticPress/StaticPress S3を使用している場合に使えます。

StaticPress S3を使用してS3+CloudFrontでコンテンツ配信するケースの導入例

https://it.kensan.net/it/staticpresss3.html

localhost

StaticPressを使用してEC2＋CloudFrontでコンテンツ配信するケースの導入例

https://it.kensan.net/it/aws_ec2_wordpress_cloudfront.html

localhost

なぜCloudFrontのキャッシュを消す必要があるの？という方は以下の記事をご参照ください。

https://it.kensan.net/it/wordpress_cloudfront_cache_delete.html

localhost

ざっくりプラグインの紹介が終わったので、インストール方法について記載していきます！

インストール方法

以下の2つの方法がありますので、それぞれご紹介します。

WordPressのプラグイン追加画面からプラグインを検索してインストール

WordPress管理画面からClear CloudFront Cacheをインストールする方法を記載します。

// IAM設定例
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "VisualEditor0",
            "Effect": "Allow",
            "Action": "cloudfront:CreateInvalidation",
            "Resource": "*"
        }
    ]
}

Githubからダウンロードしてインストール

Githubからダウンロードして、Clear CloudFront Cacheをインストールする方法を記載します。

//IAM 設定例
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "VisualEditor0",
            "Effect": "Allow",
            "Action": "cloudfront:CreateInvalidation",
            "Resource": "*"
        }
    ]
}

次に、Clear CloudFront Cacheの使い方について、記載します。

使い方

CloudFrontのキャッシュを削除したいタイミングで、プラグインの「キャッシュクリア」ボタンを押下するだけで、CloudFrontのキャッシュが消えてくれます。

画面イメージ

以下、Clear CloudFront Cacheの画面です。

Clear CloudFront Cache

CloudFrontのディストリビューションIDを入力して保存すれば準備完了。

あとはキャッシュ削除が必要な時にキャッシュクリアボタンを押すだけで、CloudFrontのキャッシュを削除できます。

次に、Clear CloudFront Cacheの特徴について、記載します。

特徴

Clear CloudFront Cacheの特徴は以下の通りです。

まとめ

WordPressプラグイン「Clear CloudFront Cache」を紹介させていただきました！