WordpressのAWS S3との連携

Question

以下の構成で、wordpressの環境を構築しております。

静的ファイルをS３に保管しようと、Amazon S3 for WordPress with CloudFrontのプラグインをインストールしたのですが、画像をアップしようとすると、HTTPエラーとなります。
WP Offload S3 Liteでも試してみましたが、同様にHTTPエラーとなりました。

一旦、S3連携関係のプラグインを停止させ、画像をアップしようとすれば、うまくいきます。

S3と連携させていくには、どのように設定を見直していけば良いのか、ご助言いただけると助かります。

エラーですが、wordpressの新規投稿画面からアップロードしようとすると、アップロード中にhttpエラーと表示されます。

Comments

[lazhuward]

HTTPエラーだけではわかりかねます。エラーの内容を追記ください。ログのエラーですか？画面のエラーですか？

[pppa]

画面のエラーとなります。画面の状況を追加しました。

[lazhuward]

ありがとうございます。AWSのS3の画面では、実際に対象バケットに画像がUPLOADできていますか？

[pppa]

こちらこそありがとうございます。AWSのS3上でも、画像はアップロードされていません。IAMロールではS3の全てのアクセス権限を付与しています。

[lazhuward]

すみません。遅くなりました。EC2インスタンスのセキュリティグループのインバウンドにHTTPS（443）をつけてみてください。アウトバウンドはオールトラフィックだと思いますが、限定しているなら443ポートが必要です。

Answer 1

一旦、以下を確認してください。

質問者さんのクラウド構成図を書いた場合、こんな感じになります。
10分で作ったので、かなり雑ですが───

443ポートは、ELB用のセキュリティグループ（ラベンダー）ではなく、
EC2のセキュリティグループ（レモンイエロー）につけてみてください。

AWSが推奨するセキュリティグループは、こちら
こちら もためになると思います。

セキュリティグループがOKということであれば、クレデンシャル情報が違うはずです。

追記

AWSマネージメントコンソールのIAM画面より、
該当するIAMユーザ情報（Wordpressの画面で設定しているクレデンシャル情報です）で
プログラムアクセスというチェックが入っているかを確認してください。
ご参考

Comments

[pppa]

ありがとうございます。セキュリティグループの設定変更（EC2に443ポートをつける）では解決しなかったので、クレデンシャル情報を確認してみます。

[lazhuward]

了解です。追記しました。
あとセキュリティグループは22番を0.0.0.0/0で開けてしまうとセキュリティリスクがあり
アタックされてしまいますので、拠点IPに変更してください。

[pppa]

遅くなりました。色々とご丁寧に本当にありがとうございます。
セキュリティグループは変更しました。プログラムアクセスのチェックは入っていたのですが、中々うまくいかず。そこまで画像をアップするわけではないので、一旦S3との連携は外して、wordpressサイトの構築を進めていきます。