WordPress(EC2)の画像のS3へのオフロードをMedia Cloudで

2019/09/01 2019/10/31

タイトル通りですが、画像をwebサーバー(EC2)からではなく、S3バケットから配信します。
よくある構成ですが、この要件を満たすプラグインはわりと限られていたりします。

どうしても今回やりたっかたのは、「EBSに画像データを保存しない」です。
これを満たせるプラグインを探していて出会ったのが、「Media Cloud」でした。

ちなみに私のブログ環境は、CloudFrontを使用しています。
アーキテクチャはこんな感じです。

プラグインのインストール

WordPressのプラグイン追加で”Media Cloud”を検索しました。

こちらです。
インストールして

有効化しました。

Media Cloudの設定

Cloud StorageをONにしました。

ついでに付属のCrop ToolもONにしました。

StorageはS3を選択しました。
他はGCPとかも対応しているようです。

IAMロールは残念ながら対応していないようですので、アクセスキーを使用します。

該当のIAMユーザーのポリシーは次のようにしました。

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "1",
            "Effect": "Allow",
            "Action": [
                "s3:PutObject",
                "s3:PutObjectVersionAcl",
                "s3:GetBucketLocation",
                "s3:PutObjectAcl"
            ],
            "Resource": [
                "対象のバケット",
                "対象のバケット/*"
            ]
        },
        {
            "Sid": "2",
            "Effect": "Allow",
            "Action": "s3:ListAllMyBuckets",
            "Resource": "*"
        }
    ]
}

{

"Version": "2012-10-17",

"Statement": [

{

"Sid": "1",

"Effect": "Allow",

"Action": [

"s3:PutObject",

"s3:PutObjectVersionAcl",

"s3:GetBucketLocation",

"s3:PutObjectAcl"

"Resource": [

"対象のバケット",

"対象のバケット/*"

]

{

"Sid": "2",

"Effect": "Allow",

"Action": "s3:ListAllMyBuckets",

"Resource": "*"

}

]

}

あんまり意味ないかもですが、Transfer AccelerationもオプションであったのでONにしました。
バケット側でもONにしました。

選択肢はPublicReadをONしかないようです。
CloudFrontでOAIを有効にしてますので、ここはS3の「任意のアクセスコントロールリスト (ACL) を介して許可されたバケットとオブジェクトへのパブリックアクセスをブロックする」をONにすることでどこからでもアクセスされてしまうことを防いでます。