카카오스토리 이미지 포스팅
sns공유하기에 카카오스토리에 공유하기에는 찾아봐도 전부 링크방식으로 구현되어있더라고요
제가 원하는건 링크방식이 아닌 이미지 와 글을 포스팅 공유하는 방식으로 하고 싶은데 방법을 몰라 질문 합니다.
제가 하려는건 제 홈페이지/쇼핑몰 에서 해당 상품/게시글이 보여지는 페이지에서 카카오 스토리 공유버튼을 누르면
제 카카오 스토리에 상품디테일이미지여러장/게시판 글 내에 이미지들 을 업로드 하는 방식입니다.
카카오 스토리에서 제공하는 api 방식은 로컬에 있는 이미지를 input 방식으로 업로드하는 방식밖에는 제공하지 않는다고 하네요
그런데 이미 상품/게시글 내용들은 이미 서버에 업로드 되어있는 상탠데 어떻게 업로드 할 수 있을까요
<script type="text/javascript">try { if (Kakao) { Kakao.init('앱아이디'); };} catch(e) {}; function shareKakaoStory() { try { Kakao.Auth.getStatus(function(statusObj) { if (statusObj.status == "not_connected") { Kakao.Auth.logout(); Kakao.Auth.login({ success: function(authObj) { shareKakaoStory(); }, fail: function(err) { alert(JSON.stringify(err)); }, persistAccessToken:true }); } else { var xhr = new XMLHttpRequest(); xhr.open("GET", url, true); //위에 코드를 xhr.open("GET", '/img.jpg', true); 이렇게 직접 이미지경로를 입력하면 // 포스팅이 되긴 하는데 이미지 한장만 업로드 되네요 근데 상품 페이지에 // 디테일 이미지도 다 같이 올려야 하는데 어떤 방법으로 해야 하나요 xhr.responseType = 'blob'; xhr.onload = function(e) { if (this.status == 200) { var blob = this.response; Kakao.API.request({ url:'/v1/api/story/upload/multi', files:[blob] }).then(function(res) { return Kakao.API.request({ url:'/v1/api/story/post/photo', data:{ image_url_list:res, content:'컨텐츠 테스트' } }); }).then(function(res) { return Kakao.API.request({ url: '/v1/api/story/mystory', data: { id:res.id } }); }).then(function(res) { alert('카카오스토리에 정상적으로 공유되었습니다 '); }, function(err) { alert(JSON.stringify(err)); }); }; }; xhr.send(); }; }); } catch(e) {};};</script>
위 코드를 여기 저기 찾아가며 해봤는데 저런식으론 이미지 url에 한개이미지 밖에는 포스팅을 할 수 없더라고요
가령 페이지에 디테일 이미지들의 엘리먼트 아이디값으로 각 이미지들 src를 가져와 카스에 포스팅하는 것을 만들고
싶습니다.
초보라 어떤식으로 코드를 수정해야 하는지 번거러우시더라도 몇줄 샘플 코드라도 적어주시면 넘 감사하겠습니다.
답변 1개
api에서 지원하지 않는 기능은 사용할 수 없기 때문에 개별적으로 파싱을 하셔야 합니다.
답변을 작성하려면 로그인이 필요합니다.