S3を使用してユーザー別の投稿画像を表示したい

Question

実現したいこと

PHPを使用し掲示板を作成しています。
ユーザー別にログインができるようになっており、投稿した画像をユーザーの投稿別に表示できるようにしたいです。

発生している問題・エラーメッセージ

herokuでデプロイしているため投稿した画像はAWS S3のバケットに保存をしているのですが、サイト上の投稿一覧画面では以下の写真のアイコンが２つ表示されAWS S3に投稿した画像が表示されない状況です。
（S3のバケット内では画像の保存の確認はできています。）

試したこと

以下のようにlistObjectsを使用し画像一覧を取得しforeachに組み込むことで一覧が表示できるとかと思いましたが、そもそもデーターベースのユーザーテーブルとポストテーブルから取得しているユーザー名と投稿内容を既にforeachで表示している中にさらにS3からの画像をforeachでループできるのしょうか？

$objects = $s3Client->listObjects([ 'Bucket' => $bucket, ]);

該当のソースコード

<!-- Posts -->
<?php 

use Aws\S3\S3Client;

if(isset($_REQUEST['page'])){
$page = $_REQUEST['page'];
}else{
    $page == '';
    $page = 1;
}
$page = max($page,1);

$counts = $db->query('SELECT COUNT(*) AS cnt FROM posts');
$cnt = $counts->fetch();
$maxPage = ceil($cnt['cnt'] / 5);
$page = min($page, $maxPage);

$page_start = ($page - 1) * 5;

$posts = $db->prepare('SELECT u.user_name, p.* FROM users u, posts p WHERE u.user_id=p.post_user_id ORDER BY p.post_date DESC LIMIT ?,5');
$posts->bindParam(1, $page_start, PDO::PARAM_INT);
$posts->execute();

$bucket = '****';
$key = '****';
$secret = '****';


$s3Client = new Aws\S3\S3Client([
    'region' => 'ap-northeast-1',
    'version' => '2006-03-01',
    'credentials' => [
        'key' => $key,
        'secret' => $secret,
    ]
]);


$objects = $s3Client->listObjects([
    'Bucket' => $bucket,
]);
?>

<!-- Post preview-->
<?php foreach ($posts as $post): ?>
<div class="post-preview">
        <a href="post.php?post_id=<?php echo htmlspecialchars($post['post_id']); ?>"><?php echo htmlspecialchars($post['post_contents']); ?></a>
        <p class="postContents"><?php echo htmlspecialchars($post['post_date'], ENT_QUOTES); ?> | <?php echo htmlspecialchars($post['user_name'], ENT_QUOTES); ?></p>
<?php foreach ((array)$objects as $object): ?>
          <img width="300" src="https://s3-ap-northeast-1.amazonaws.com/<?php echo $bucket ?>/<?php echo $object['Key'] ?>" /><br />
        <?php endforeach; ?>    
    <hr class="my-4" />
</div>
<?php endforeach; ?>

どなたか知見のある方ご教示いただけると幸いです。

どうぞ宜しくお願い致します。

Comments

[AbeTakashi]

WEBブラウザ上のHTMLのソースコードはどのようになっているのでしょうか？ ちゃんと画像のURLが正しく表示されているのでしょうか？ その画像のURLを直接WEBブラウザでアクセスしたら画像はきちんと表示されるのでしょうか？ きちんと表示されない場合はhttpレスポンスコードはどのようになっているのでしょうか？（404とか503とか） 画像のアイコンが二つ出ているのはforeachで意図している挙動なのでしょうか？ $s3Client->listObjectsで返ってくるデータ（$objects）の中がどのようになっているかvar_dump()などで調べたでしょうか？

調べられることはたくさんある気もしますし、これらをすべて調べているのであれば、質問文に含むべき内容だと思いますので、一部を伏せ字にするなどして質問文に追記してください。

Answer 1

再度コードを確認し、リファレンスなどを確認した上で以下の方法で解決ができました！

$s3Client = new Aws\S3\S3Client([
    'region' => '*********',
    'version' => '2006-03-01',
    'credentials' => [
        'key' => "***********",
        'secret' => "*********",
    ]
]);


if(isset($_REQUEST['page'])){
$page = $_REQUEST['page'];
}else{
    $page == '';
    $page = 1;
}
$page = max($page,1);

$counts = $db->query('SELECT COUNT(*) AS cnt FROM posts');
$cnt = $counts->fetch();
$maxPage = ceil($cnt['cnt'] / 5);
$page = min($page, $maxPage);

$page_start = ($page - 1) * 5;

$posts = $db->prepare('SELECT u.user_name, p.* FROM users u, posts p WHERE u.user_id=p.post_user_id ORDER BY p.post_date DESC LIMIT ?,5');
$posts->bindParam(1, $page_start, PDO::PARAM_INT);
$posts->execute();
$rows = $posts->fetchAll();
?>

<!-- Main Content -->
<div class="container px-4 px-lg-5 ">
    <div class="row gx-4 gx-lg-5 justify-content-center">
        <div class="col-md-10 col-lg-8 col-xl-7">


<?php foreach ($rows as $post) : ?>
<?php
    $cmd = $s3Client->getCommand('GetObject', [
        'Bucket' => '*********',
        'Key' => $post["post_image"],
    ]);
    $request = $s3Client->createPresignedRequest($cmd, '+10080 minutes');
    $presignedUrl = (string)$request->getUri();
?>
<div class="post-preview">
        <a href="post.php?post_id=<?php echo htmlspecialchars($post['post_id']); ?>"><?php echo htmlspecialchars($post['post_contents']); ?></a>
        <p><img width="300" src="<?php echo $presignedUrl ?>"></p>
        <p class="postContents"><?php echo htmlspecialchars($post['post_date'], ENT_QUOTES); ?> | <?php echo htmlspecialchars($post['user_name'], ENT_QUOTES); ?></p>
    <hr class="my-4" />
</div>
<?php endforeach; ?>

    <?php if($page > 1): ?>
        <a href="index.php?page=<?php echo $page-1; ?>">Back |</a>
    <?php else: ?>
        <a>Back |</a>
    <?php endif; ?>
    
    <?php if($page < $maxPage ): ?>
    |   <a href="index.php?page=<?php echo $page+1; ?>">Next</a>
    <?php else: ?>
        <a>Next</a>
    <?php endif; ?>
        </div>
    </div>
</div>