@zhongzejiangji (Nakazawa Takumi)posted at 2024-11-20

WordpressとAWS S3の連携が上手くできない

Q&A

解決したいこと

Wordpressで投稿した画像を作成したS3に保存する構成を作りたいと考えています。
いくつかの記事を参考にWordpressとS3の設定を行い、S3に画像の保存はできていますがWordpress側で画像が表示されません。
解決のためのアドバイスをいただけると幸いです。

発生している問題・エラー

通常であれば画像が表示されますが、上記の様に表示されない。アップロードした画像はS3には保存されています。

設定した内容

S3の設定

・ブロックパブリックアクセスはオフ
・バケットポリシーの設定はなし
・アクセスコントロールリストはバケット所有者、S3ログ配信グループに読み取り/書き込みを設定

IAMロールの設定

・"s3:GetObject","s3:PutObject", "s3:DeleteObject","s3:PutObjectAcl"権限を付与

Wordpress側の設定

・IAMロールを使用する設定をしています。

参考

チャットGPTにエラー確認をするとCloudFrontの設定をすれば解決するなどが出ましたが、参考にしたサイトではCloudFrontの設定などしなくても表示されています。
以下、参考サイトの一つ
https://blog.serverworks.co.jp/Setting-up-an-IAM-role-to-store-images-from-a-WordPress-site-in-an-S3-bucket-using-the-WP-Offload-Media-Lite-plugin

このエラーについて解決方法をご存知でしたらアドバイス等いただけると幸いです。

1Answer

@mnooooooooo posted at 2024-11-21

はじめまして。
Wordpressは詳しくないので、どこまで役立てるか判りませんが、現時点で気づいた点をお尋ねしますね。

1.ブラウザ上で出ているエラーログについて
表示されない。ということは、ブラウザのデベロッパーツール（Windows／ChromeであればF12）で何かしらエラーが出ている可能性が高いです。そのエラーの内容を、「発生している問題エラー」に張り付けて発生している問題の内容をより正確に提示してみてください。問題の内容を正確に展開することで、有識者にヒットする可能性が高くなります。またそのエラーログを自身がググることで解決するかもしれません。

2.Wordpressについて
こちらのWordpressはどういった形のアーキテクトまたはサービスを使って、展開されているものでしょうか？（文章を読む限りAWSを利用してWordpressを展開しているように思えますがあくまで私個人の推測です。）どこか別のWordpressのマネージドサービスを使っているのであれば、それを展開した方が解決しやすいかもしれません。

どうぞご参考まで。

1Like

Comments

@zhongzejiangji
Questioner
返信が遅くなってしまいすみません。
コメントいただきありがとうございます。

いただいたアドバイスも参考にして検証進めたところ問題解決しました。
２の通り今回はAWS環境で作成しております。
結論としてはオブジェクトレベルでのアクセス設定に問題がありました。
参考にしていた動画やサイトではバケット単位での紹介が多く、オブジェクトの方は完全に盲点でした。
問題は特定できたのでなぜそうなったか原因のほうを確認していこうかと思います。

真摯にご対応いただきありがとうございました！

Are you sure you want to delete the question?