RESTAPI6 페이스북 공유 API 적용 페이스북에서 제공해주는 공유 API 를 활용해보자. 페이스북 개발자 센터 : https://developers.facebook.com/docs/sharing/reference/share-dialog 짜잔, 이렇게 구현된다. * 사용방법 * 1. html 상단에 페이스북 공유를 위한 CDN 선언 1 2 3 4 5 6 7 8 (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0&appId=A.. 2018. 7. 18. 카카오 카카오링크v2 API 적용 REST API가 잘 정리되어있는 카카오톡에서 제공하는 카카오링크v2 API를 사용하려고 한다. 카카오개발자사이트 : https://developers.kakao.com/docs/js/kakaotalklink#카카오톡링크 * 사용방법 * 1. html 내 head 에 카카오 CDN 선언 1 2 cs 2. html 내 body 에 카카오톡 이미지 사용한 부분 1 cs 3. html 내 javascript 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 Kakao.init('b3eb26586b770154ea49919a7f59f2d2'); //실제 카카오톡 이미지 클릭시 실행되.. 2018. 7. 18. 페이스북 로그인 API 적용 제일 속 썩였던 페이스북 로그인 ㅠㅠㅠㅠㅠㅠ 2018/05/24 - [Error] - Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https:// 여기 링크보면 알겠지만, 페이스북이 2018년 3월부터 HTTPS 프로토콜만을 고집한대서 localhost 에 겨우겨우 ssl 적용하여 만들었다.. =>SSL적용방법 참고로, 페이스북 document 에서 기재된 방법으로 해보다가 내 입맛에 맞게 리펙토링한 소스다 ㅎㅎㅎㅎㅎ loginView.jsp - header 부분, 페이스북 js 연동 1 2 cs loginView.jsp - .. 2018. 5. 25. 인스타그램 API 적용하여 게시물 가져오기 들어오는 유저들마다 Login 시켜줄 것도 아니고, 인스타계정 하나에 대한 게시물을 뿌려줄거라 간단했다. 인스타그램 회원가입, 앱 생성 같은건 건너뛰고 설명해보자. 1. 브라우저 주소창에 아래 주소로 접속하여 AccessToken 값을 가져온다. https://api.instagram.com/oauth/authorize/?client_id={Client_id}&redirect_uri={redirect_uri}&response_type=token 2. 인스타 게시물을 쉽게 가져오기위해 아래 js파일을 다운받아 프로젝트에 넣는다. 3. 아래 소스를 참고해서 수정한다. 1 2 cs 1 2 3 4 5 6 7 8 9 10 11 var userFeed = new Instafeed({ get: 'user', user.. 2018. 5. 25. 네이버 로그인 API 적용 네이버 같은 경우에는 토큰을 콜백페이지에서 받아와지더라. jQuery 랑 Ajax 이용해서 한 화면페이지에서 처리할랬는데 몇시간 내내 계속 잡아도 안되길래 일단 콜백페이지에서 처리하게끔 구현.. 카카오 로그인보다 오래걸림 ㅠㅠ loginView.jsp - 상단, 미리 선언해야 하는 태그 1 cs loginView.jsp - javaScript 부분 1 2 3 4 5 6 7 8 9 10 //네이버 로그인 $(function(){ var naverLogin = new naver.LoginWithNaverId({ clientId: "{ClientId}", callbackUrl: "{Callback URL}", isPopup: true, loginButton: {color: "green", type: 3, he.. 2018. 5. 25. 카카오 로그인 API 적용 jQuery 와 Ajax 를 이용해 카카오로그인을 구현했다. 각 sns로그인 구분을 위해 카카오서버에서 받아온 id값 뒤에는 "@k" 를 붙였고, id값이 회원DB에 존재하지 않는 경우 바로 회원가입하고 로그인하여 index.jsp 로 이동되게끔 처리했다. loginView.jsp - javaScript 부분 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 //카카오 로그인 Kakao.init('javascript APP KEY'.. 2018. 5. 24. 이전 1 다음
