API4 페이스북 공유 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. 네이버 로그인 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 적용 구글 로그인 적용시 유의할 점이 있다. Callback URL 이나 접속 URL에 IP주소가 들어간 유동적 주소는 cb=gapi.loaded_0 이라는 오류와 함께 처리가 되지않아서 테스트시에는 http://localhost:8080 처럼 도메인 주소로 해야하더라. 구글 개발자센터에 나와있는 예제소스만으로는 적용이 안돼서, 구글링하다가 여기 페이지의 소스를 기본틀로 삼아 진행했다. 참고 : https://stackoverflow.com/questions/39203623/how-to-add-google-sign-in-oauth-to-my-website?noredirect=1&lq=1 loginView.jsp - 상단, 미리 선언해야 하는 소스 1 2 cs loginView.jsp - javaScript, .. 2018. 5. 24. 카카오 로그인 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 다음
