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でコンテンツ配信するケースの導入例

【日本語URL対応版】WordPressのコンテンツを StaticPress S3プラグインを使用して配信する方法

WordPressコンテンツをStaticPressS3を使用してS3+CloudFrontで配信する方法を記載。コピペで環境構築できます。S3+CloudFrontで配信することで「低コストで安定したサイト運用ができる」「高速なサイトを構築できる」「セキュリティ的に安全」というメリットがあります。

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

StaticPressを使ってEC2上のWordPressコンテンツをCloudFront経由で簡単に配信する方法

WordPressのコンテンツを静的ページ化し、CloudFrontで配信できるようにします。静的ページ化するところはWordPressのプラグインStaticPressを使用します。CloudFrontのキャッシュクリアはClear CloudFront Cacheプラグインを使用します

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

WordPressのコンテンツをCloudFrontを使って配信しているケースで、更新した内容がサイトに反映されない原因

WordPressのコンテンツをCloudFrontで配信しているケースで、更新内容が反映されない原因と対処法を知りたい、原因と対処法は知っているけど、もっと簡単に対処したいという悩みを抱えた方向けの記事です。WordPressのプラグイン「Clear CloudFront Cache」を使用することで簡単に対処可能。

Clear CloudFront Cacheとは

WordPressのプラグインです
CloudFront＋S3でWordPressコンテンツ配信している際に使えます
CloudFrontのキャッシュを簡単に削除できる便利プラグインです
WordPressプラグインのStaticPress S3と一緒に使えます(共存できます)

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

インストール方法

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

2つのインストール方法

WordPressのプラグイン追加画面から検索してインストール
Githubからダウンロードしてインストール

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

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

WordPress画面からインストール

WordPress 管理パネルから、「プラグイン」 -> 「新規追加」をクリックします。
ブラウザの入力ボックスに「Clear CloudFront Cache」と入力します。
「Clear CloudFront Cache」プラグインを選択し、「インストール」をクリックします。
プラグインを有効にします。
プラグインに CloudFront ディストリビューション ID を設定します
WordPressが動いているEC2に以下の権限を追加します。


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

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

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

Githubからインストール

Githubからプラグインをダウンロードします。Clear CloudFront Cache のダウンロードはこちら
zip ファイルをコンピューター上の場所に保存します。
WordPress 管理パネルを開き、[プラグイン] -> [新規追加] をクリックします。
[アップロード] をクリックし、このページからダウンロードした .zip ファイルを参照します。
[インストール] をクリックし、[プラグインを有効にする] をクリックします。
distribution IDをClear CloudFront Cacheプラグインに設定します。
WordPressが動いているEC2に以下の権限を追加します。


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