Backend/JAVA23 페이스북 로그인 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 적용 구글 로그인 적용시 유의할 점이 있다. 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 2 3 4 다음
