[Node]Instagram Clone - 5. multer와 AWS S3를 사용한 게시물 수정, 삭제 API

1. 게시물 수정

• 게시물 본문을 수정하거나, 첨부된 이미지 삭제.

1) 코드

const express = require("express");
const router = express.Router();
router.use(express.json());

const { Post } = require("../../models/Post");
const { auth } = require("../auth");
const cookieParser = require("cookie-parser");
router.use(cookieParser());

const multer = require("multer");
const storage = multer.memoryStorage();
const upload = multer({ storage }).array("images", 10); // 최대 10장의 이미지 업로드
const s3 = require("../../config/s3"); // S3 클라이언트 가져오기
const { DeleteObjectCommand } = require("@aws-sdk/client-s3");

// 게시물 수정
router.patch("/:id", auth, upload, async (req, res) => {
  const { id } = req.params;
  const { text, imagesToDelete } = req.body; // 수정할 텍스트, 삭제할 이미지

  try {
    const post = await Post.findById(id);

    if (!post)
      return res.status(404).json({ message: "게시물을 찾을 수 없습니다." });
    if (post.user.toString() !== req.user._id.toString())
      return res.status(403).json({ message: "권한이 없습니다." });

    // 본문 내용 수정
    if (text) {
      post.text = text;
    }

    // 이미지 삭제 로직
    if (imagesToDelete && post.images.length > 1) {
      for (const imageUrl of imagesToDelete) {
        // S3에서 이미지 삭제
        const key = imageUrl.split("/").pop(); // URL에서 파일 이름 추출
        const bucket = "post-jae";

        console.log("Deleting image:", imageUrl);
        console.log("Key for S3:", key);

        const deleteParams = {
          Bucket: bucket,
          Key: key,
        };

        await s3.send(new DeleteObjectCommand(deleteParams));

        // DB에서 해당 이미지 URL 삭제
        post.images = post.images.filter((img) => img !== imageUrl);
      }
    } else if (imagesToDelete && post.images.length <= 1) {
      return res
        .status(400)
        .json({ message: "이미지가 1장 이상 남아야 합니다." });
    }

    await post.save(); // 수정된 게시물 저장

    return res.status(200).json({ message: "게시물이 수정되었습니다.", post });
  } catch (err) {
    return res.status(500).json({
      message: "게시물 수정 중 오류가 발생했습니다.",
      error: err.message,
    });
  }
});

module.exports = router;

2) 기능 설명

• 라우트 설정: router.patch("/:id", auth, upload, async (req, res) => {...})는 특정 게시물을 수정하기 위한 API 엔드포인트. 
  • :id는 수정할 게시물의 ID를 나타냅니다.
• 게시물 검색: const post = await Post.findById(id);를 사용하여 MongoDB에서 해당 ID의 게시물을 검색. 
  • 게시물이 존재하지 않을 경우 404 상태 코드를 반환.
• 사용자 권한 확인: 사용자가 해당 게시물의 작성자인지 확인하기 위해, if (post.user.toString() !== req.user._id.toString())를 사용. 
  • 권한이 없으면 403 상태 코드를 반환.
• 본문 내용 수정: 사용자가 입력한 새로운 텍스트가 존재하는 경우 post.text = text;를 통해 게시물의 본문 내용을 수정.
• 이미지 삭제 로직: if (imagesToDelete && post.images.length > 1) 조건문을 통해 삭제할 이미지가 있고, 게시물에 남아 있는 이미지가 1장 이상일 경우에만 삭제를 진행. 
  • 삭제할 이미지는 S3에서 삭제되고, 데이터베이스에서도 해당 이미지 URL이 제거됨.
• 응답 처리: 수정이 완료되면 200 상태 코드와 함께 수정된 게시물 정보를 반환. 
  • 오류가 발생할 경우 500 상태 코드와 함께 오류 메시지를 반환.

 

2. 게시물 삭제

• 사용자가 게시물을 삭제할 때, 해당 게시물이 존재하는지 확인하고, 사용자 권한을 체크한 후 S3에 저장된 이미지도 함께 삭제.

1) 코드

const express = require("express");
const router = express.Router();
router.use(express.json());

const { Post } = require("../../models/Post");
const { auth } = require("../auth");
const cookieParser = require("cookie-parser");
router.use(cookieParser());

const { DeleteObjectCommand } = require("@aws-sdk/client-s3");
const s3 = require("../../config/s3");

// 게시물 삭제
router.delete("/:id", auth, async (req, res) => {
  const { id } = req.params;

  try {
    const post = await Post.findById(id);

    if (!post)
      return res.status(404).json({ message: "게시물을 찾을 수 없습니다." });
    if (post.user.toString() !== req.user._id.toString())
      return res.status(403).json({ message: "권한이 없습니다." });

    // S3에서 이미지 삭제
    for (let imageUrl of post.images) {
      const key = imageUrl.split(".com/")[1]; // URL에서 키 추출
      const deleteParams = {
        Bucket: "post-jae",
        Key: key,
      };

      await s3.send(new DeleteObjectCommand(deleteParams)); // S3에서 이미지 삭제
    }

    await Post.findByIdAndDelete(id); // DB에서 게시물 삭제

    return res.status(200).json({ message: "게시물이 삭제되었습니다." });
  } catch (err) {
    return res.status(500).json({
      message: "게시물 삭제 중 오류가 발생했습니다.",
      error: err.message,
    });
  }
});

module.exports = router;

2) 기능 설명

• 라우트 설정: router.delete("/:id", auth, async (req, res) => {...})는 특정 게시물을 삭제하기 위한 API 엔드포인트임.
  • :id는 삭제할 게시물의 ID.
• 게시물 검색: const post = await Post.findById(id);를 사용하여 MongoDB에서 해당 ID의 게시물을 검색.
  • 게시물이 존재하지 않을 경우 404 상태 코드를 반환.
• 사용자 권한 확인: 사용자가 해당 게시물의 작성자인지 확인하기 위해, if (post.user.toString() !== req.user._id.toString())를 사용.
  • 권한이 없으면 403 상태 코드를 반환.
• S3에서 이미지 삭제: 게시물이 존재하고 사용자가 권한이 확인되면, for (let imageUrl of post.images) {...}를 사용하여 게시물에 첨부된 모든 이미지 URL을 반복하며 S3에서 삭제.
  • 이미지 키는 URL에서 추출하여 DeleteObjectCommand를 사용하여 삭제.
• 게시물 삭제: 모든 이미지가 삭제된 후 await Post.findByIdAndDelete(id);를 사용하여 데이터베이스에서도 게시물을 삭제.
• 응답 처리: 삭제가 완료되면 200 상태 코드와 함께 성공 메시지를 반환.
  • 오류 발생 시 500 상태 코드와 함께 오류 메시지를 반환.

 

3. 결과 🎉

1) 게시물 수정

• 게시글 수정

• 사진 삭제

• 게시물에 남아 있는 이미지가 1장 이상일 경우에만 삭제를 진행 

2) 게시물 삭제