본문 바로가기
두뇌회전

[jQuery] bitly로 링크 짧게 만들기

by 두덩 2015. 8. 31.



웹에 링크 공유할 때 주소가 길면 너저분함

특히 트위터 처럼 글자수 제한이 있을 경우엔 더 어려웠당


그래서 bitly를 이용해서 링크를 짧게 줄인다




테스트▼



 
현재 url :
bit.ly url :





공식 페이지는ㅇ ㅛ기이씀

https://bitly.com



회원가입하구 api key 받으면 바로 사용가능하당

사용법도 그리 어렵진 않은듯



역시 페이스북/트위터로 가입하기는 존재하는균

https://bitly.com/a/sign_up



근데 다 영어야ㅠㅠ 헝




여튼 링크를 짧게 줄이려면

bitly가 제공하는 API들 중 shorten을 사용하면 됨


http://dev.bitly.com/links.html#v3_shorten

설명은 여기에 나와이씀 

물론 영어 헝..





사용법에 대해 간단히 설명하면


http://api.bit.ly/v3/shorten 으로 사용자 이름(login) + api키(apikey) + 원래 url(longurl) 을 전송하면 

bitly 페이지에서 응답해주는 방식이다.


보내는 방식은 json / xml / txt 세가지 있는데 기본이 json

그래서 난 json




사용자 이름이랑 api키는

https://bitly.com/a/your_api_key

여기서 볼 수 있다



소스는 이래쓰면 동작은 잘되덩


var bitLink = "http://api.bit.ly/v3/shorten?"+"login=[login]&apiKey=[apiKey]&longUrl=[longUrl]&format=json";

jQuery.getJSON(bitLink, function(result, status){

if(result.status_txt == 'OK') 

alert(result.data.url);

else 

alert("error")

});


요청링크랑 응답내용은 이렇게










'두뇌회전' 카테고리의 다른 글

iframe으로 유투브 업로드!!  (0) 2015.10.01
SNS 개발자 사이트  (0) 2015.09.24
[DB] oracle/mysql 연결  (0) 2015.09.22
[jquery] $(jquery)와 프로토타입 충돌  (0) 2015.09.07
[javascript] 카카오톡 공유하기  (2) 2015.08.28

댓글