Nephila clavata ワードプレス S3の設定

2017年12月3日2018年2月10日

- 0.1. Heroku ワードプレスの続編になります。
1. AWS S3の設定
- 1.1. バケットの作成
- 1.2. バケットポリシーの追加
2. Nephila clavataインストール
3. AWSアクセスIDとシークレットアクセスキーの取得
- 3.1. AWSマネージメントコンソールにログインをして、右上の[^]のマークをクリックすると以下の一覧が表示されるかと思いますので、「セキュリティ認証情報」を選択してください。
- 3.2. 以下の画面が表示されますので、「アクセスキー(アクセスキーIDとシークレットアクセスキー)」を選択します。
4. Nephila clavata設定

Heroku ワードプレスの続編になります。

AWS S3の設定

以前の記事(Heroku ワードプレス構築手順)でお伝えしている通り、Herokuはgitでアップロードしたもの以外は再起動すると消えてしまいます

例えば、ワードプレス管理画面からアップロードした画像やプラグインをインストールしたりしても消えてしまいます。

そのため今回は、ワードプレスの管理画面上からアップロードした画像などは、AWSのS3へアップロードされるように設定していきましょう。

ちなみに今回は、ワードプレスとS3の連携が簡単にできるプラグイン「Nephila clavata」を使用して連携させていきたいと思います。

このプラグインのいいところは、初回画像アップロード時に、移行前にwp-contentにあった画像も自動的にS3に保存されるので便利です。移行の際にはとても役に立つかと思います。

バケットの作成

AWS公式手順を参考にバケットを作成しましょう。

バケットの作成 – Amazon Simple Storage Service

バケットポリシーの追加

こちらもAWS公式手順を参考にポリシーを追加しましょう。

S3 バケットポリシーを追加する方法 – Amazon Simple Storage Service

バケットポリシーの例は、以下を参考にしてください。

Bucket Policy Examples – Amazon Simple Storage Service

ここにサンプルコードを掲載しておきます。「Resource」項目の「examplebucket」の部分を自分のバケット名に置き換えてください。

これで、すべてのユーザに読み取り権限が与えられるので、ワードプレスからアップロードして画像を閲覧できるようになります。

{
  "Version":"2012-10-17",
  "Statement":[
    {
      "Sid":"AddPerm",
      "Effect":"Allow",
      "Principal": "*",
      "Action":["s3:GetObject"],
      "Resource":["arn:aws:s3:::examplebucket/*"]
    }
  ]
}

{

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

"Statement":[

{

"Sid":"AddPerm",

"Effect":"Allow",

"Principal": "*",

"Action":["s3:GetObject"],

"Resource":["arn:aws:s3:::examplebucket/*"]

}

]

}

Nephila clavataインストール

Herokuのワードプレスにプラグインをインストールする方法を参考にインストールしてください。

まず公式サイトNephila clavata — WordPress Pluginsのダウンロードボタンからダウンロードしてください。
※本手順では、ダウンロードボタンからリンク先を取得して、wgetでダウンロードしています。

# wget https://downloads.wordpress.org/plugin/nephila-clavata.0.2.5.zip

# unzip nephila-clavata.0.2.5.zip 

# mv nephila-clavata /[ワードプレスディレクトリ]/wp-content/plugins/

# git add .

# git ci -m "add nephila-clavata"

# git push heroku master