반응형
지난 번 페이스북 공유하기에 이어서 이번 포스팅에서는 네이버 블로그 공유하기에 대해서 알아보겠습니다. 이미 페이스북 공유하기 포스팅을 보시고 오신 분이시라면 페이스북 공유하기에 비해서 네이버 블로그 공유하기의 난이도는 개껌(?) 수준입니다. 별 다른 것 없이 url 만 조합해서 호출해주면 됩니다.
먼저 네이버 공유하기 API 명세에 있는 API 호출 예제를 보도록 하겠습니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<head>
<title>네이버 공유하기</title>
<script>
function share() {
var url = encodeURI(encodeURIComponent(myform.url.value));
var title = encodeURI(myform.title.value);
var shareURL = "https://share.naver.com/web/shareView.nhn?url=" + url + "&title=" + title;
document.location = shareURL;
}
</script>
</head>
<body>
<form id="myform">
URL입력: <input type="text" id="url" value="https://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&oquery=%EB%84%A4%EC%9D%B4%EB%B2%84+%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%84%BC%ED%84%B0&ie=utf8&query=%EB%84%A4%EC%9D%B4%EB%B2%84+%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%84%BC%ED%84%B0"><br/>
Title입력: <input type="text" id="title" value="네이버개발자센터 검색결과"><br/>
</form>
<input type="button" value="네이버공유하기" onclick="share()"/>
</body>
</html>인코딩 : UTF-8
요청방식 : GET방식
https://share.naver.com/web/shareView.nhn?url=인코딩한URL값&title=인코딩한title값인터페이스는 위와 같습니다. 그렇다면 아래와 같은 함수를 만들고 특정 버튼(네이버 블로그 공유하기)을 눌렀을 경우 바로 팝업이 뜨도록 해봅시다.
function shareNaverBlog(url, title) {
var encodeUrl = encodeURIComponent( url );
var encodeTitle = encodeURIComponent( title );
var link = StringTool.format( 'https://share.naver.com/web/shareView.nhn?url={0}&title={1}', encodeUrl, encodeTitle );
window.open( link, 'share', 'width=500, height=500' );
}shareNaverBlog( 'http://marsland.tistory.com/470', '[SNS 내보내기] 페이스북 공유하기 API' );
관련 포스팅
참고
반응형
'Programming > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트 객체 복사 Copying objects in javascript (0) | 2018.11.08 |
|---|---|
| [SNS 내보내기] 네이버 밴드 공유하기 API (0) | 2018.09.13 |
| [SNS 내보내기] 페이스북 공유하기 API (2) | 2018.09.13 |
| [자바스크립트 JavaScript] 문자열 format 함수 (0) | 2018.09.13 |
| [ES6] const & let (0) | 2018.08.29 |
