카카오스토리 이미지 포스팅
본문
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를 가져와 카스에 포스팅하는 것을 만들고
싶습니다.
초보라 어떤식으로 코드를 수정해야 하는지 번거러우시더라도 몇줄 샘플 코드라도 적어주시면 넘 감사하겠습니다.
답변을 작성하시기 전에 로그인 해주세요.
