AWS SDK for JavaScript v2を使ってみた！S3への登録と取得

// AWS SDKの設定（IAMユーザーのアクセスキーを使用）
AWS.config.update({
  accessKeyId: 'AKIAUWAWEFAERGARE', // IAMユーザーのアクセスキーID
  secretAccessKey: 'AERGSERG67jO1btr2QiQnqek0seD2SADMMf', // IAMユーザーのシークレットアクセスキー
  region: 'ap-northeast-1' // S3バケットのリージョン（東京リージョンの場合）
});

// S3のインスタンスを作成
const s3 = new AWS.S3();

// バケット名の設定
const bucketName = 'test-itslroom-db';

// ファイルをアップロードする関数
function uploadPost(content) {
  const params = {
    Bucket: bucketName, // バケット名
    Key: `posts/${Date.now()}.txt`, // アップロードするファイルのパスと名前
    Body: content, // アップロードするテキスト内容
    ContentType: 'text/plain'
  };

  s3.putObject(params, function(err, data) {
    if (err) {
      console.error('アップロードエラー:', err);
    } else {
      console.log('アップロード成功:', data);
    }
  });
}

// 投稿フォームのイベントリスナー
document.getElementById('postForm').addEventListener('submit', function(event) {
  event.preventDefault();
  const content = document.getElementById('postContent').value;
  uploadPost(content); // 投稿をアップロード
});

//s3.putObjectのelse（エラーが存在しない場合）に以下の処理を追加
fetchPosts(); // 投稿を再取得して表示する

// 投稿を取得し、内容を表示する関数
function fetchPosts() {
  const params = {
    Bucket: bucketName,
    Prefix: 'posts/'
  };

  s3.listObjectsV2(params, function(err, data) {
    if (err) {
      console.error('取得エラー:', err);
    } else {
      const postsContainer = document.getElementById('posts');
      postsContainer.innerHTML = ''; // 既存の投稿をクリア
      data.Contents.forEach(function(post) {
        const postElement = document.createElement('div');
        postElement.textContent = post.Key; // ファイル名を表示

        // 各ファイルの内容を取得して表示
        const getObjectParams = {
          Bucket: bucketName,
          Key: post.Key
        };

        s3.getObject(getObjectParams, function(err, data) {
          if (err) {
            console.error('内容取得エラー:', err);
          } else {
            const postContent = document.createElement('p');
            postContent.textContent = data.Body.toString('utf-8'); // テキストとして表示
            postElement.appendChild(postContent); // ファイル名の下に内容を表示
          }
        });

        postsContainer.appendChild(postElement);
      });
    }
  });
}

// ページロード時に投稿を取得
window.onload = fetchPosts;