요청/응답 값

Swagger 에서 테스트를 못해요. Postman 에서 해주세요.

postman 에서 헤더에 토큰 설정하는 방법

프론트 쪽에서.... 이렇게 하는 게 맞는지 모르겠지만....

file은 form-data로 기본정보는 request로 담아 application/json

simpleBlog 개발 일지 (4)

posts에 이미지를 포함시키기 위해서는 파일을 업로드하는 기능을 추가해야 합니다. 업로드할 파일을 고르는 기능을 구현하는 방법은 인터넷에 많이 나와있고, 간단해서 쉽게 할 수 있었습니다. 이번에 고민을 많이 했던 부분은 file을 어떤 방법으로 보내야 할까 생각을 많이 했습니다. 데이터를 보낼 때 JSON 포맷으로 보내고 싶은데 file은 JSON에...

https://medium.com/jaehoon-techblog/simpleblog-%EA%B0%9C%EB%B0%9C-%EC%9D%BC%EC%A7%80-4-55a8d2a8604

donationSave : 
		function () {
			var data = {
				title: ---,
				content: ---,
				category: ---,
				quality: ---,
				tags: []
			};
			
			var form =$('#form')[0];
			var formData = new FormData(form);
			formData.append('file', #파일리스트);
			formData.append('request', 
								new Blob([JSON.stringify(data)], 
								{type: "application/json"}));
		
			$.ajax({
            type: 'POST',
            url: '/donations',
            processData: false,
            contentType:false,
            data: formData,
      }).done(function() {
            alert('글이 등록되었습니다.');
            window.location.href = '/';
      }).fail(function (error) {
            alert(JSON.stringify(error));
			});
		}

POST /donations → 회원만 접근가능

요청 값

// HTTP
POST /donations HTTP/1.1
Host: localhost:8080
Authorization: Bearer 로그인 후 발급된 토큰
Content-Length: 537
Content-Type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW

----WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="file"; filename="rabbit.png"
Content-Type: image/png

(data)
----WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="file"; filename="mask.png"
Content-Type: image/png

(data)
----WebKitFormBoundary7MA4YWxkTrZu0gW
Content-Disposition: form-data; name="request"
Content-Type: application/json

{
  "category":"재능기부",
  "content": "기부할래요",
  "quality": "나쁨",
  "tags": [
    1,2
  ],
  "title": "재능 기부"
}
----WebKitFormBoundary7MA4YWxkTrZu0gW


// CURL
curl --location --request POST 'http://localhost:8080/donations' \
--header 'Authorization: Bearer 로그인 후 발급된 토큰' \
--form 'file=@"/Users/buli/images/rabbit.png"' \
--form 'file=@"/Users/buli/images/mask.png"' \
--form 'request="{
  \"category\":\"재능기부\",
  \"content\": \"기부할래요\",
  \"quality\": \"나쁨\",
  \"tags\": [
    1,2
  ],
  \"title\": \"재능 기부\"
}";type=application/json'

응답 값(200)

{
  "data": 1, // 해당 게시글의 식별자 아이디 반환
  "message": "success"
}