밴드(BAND) 공유하기 정보(제목/내용/이미지) 스니핏

웹프로그래밍/Javascript

jihun202 2015. 10. 15. 10:15

밴드 공유하기를 구현할때, 제목 내용 이미지를 넣고 싶었지만 아무리 공유하기를 눌러도 전달되지 않았다.

window.open("http://www.band.us/plugin/share?body="+encodeURIComponent($("#docTitle").val() + "-" + $("#docAuthor").val())+encodeURIComponent("\n")+encodeURIComponent($("#docShortUrl").val())+"&route="+location.href, "share_band", "width=410, height=540, resizable=no");

(JSTL구문이 섞여있다...) 어쨋거나 body 파라미터에 제목\n주소 식으로 전달을 하면

밴드에 공유하기에 카드가 생긴다. 아래 주소에서 테스트해볼수 잇다.

이미지의 mimetype를 image/* 로 주어야 한다.(각 확장자에 맞게)

그리고 og:title 및 og:url og:description og:type 등을 작성해주면 된다.

(밴드 공유하기 시 결과 테스트)

공유하기를 눌러 보았다.

잘 된다.ㅋ 처음에 이미지가 안뜨는 상태에서 문제 수정을 한뒤에 테스트를 해도 이미지가 안뜨는데,

캐슁이 되어서 그럴수 있다. 위의 debugger 페이지에서 expire cache에 체크를 하고 show를 누르면 갱신된다.