전체 글273 localhost 에 ssl 적용하기 여러 docs 봤지만 제일 설명이 잘되어있는건 오라클이다. 여기 참고해서 자체 SSL인증서를 생성하자 !!!https://docs.oracle.com/cd/E19798-01/821-1841/gjrgy/index.html 위 링크 따라서 하나 둘 진행하다보면 이런 폴더구조가 나올거고, 마지막으로 이클립스에서 (원래 주석이었던) 8443번 포트가 있는 태그의 주석을 풀고 keystorePass 와 keystoreFile 만 알맞게 설정해주면, PC가 이 웹 사이트의 보안 인증서를 신뢰하지 않습니다. 오류코드 : DLG_FLAGS_INVALID_CA 라는 오류가 뜨지만웹페이지로 이동(권장하지 않음) 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. 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:// 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:// 개요 : 페이스북 로그인 API를 이용하여 미니프로젝트에 적용 중인데 이런 에러가 떴다.원인 : 찾아보니 페이스북은 https 프로토콜만 이용가능하다고 되어있더라. (Callback URL에도 https만 적용가능) 해결 : 일반 테스트용 웹사이트인데 https 구축이 되려나 일단 방법을 아예 모르니 좀 더 찾아봐야겠다. + 참고 URL : https://blog.sysbot32.com/2016/10/26/ssl-인증서를-무료로-발급받는-몇-가지-방법/https://.. 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. CSS Frameworks 모음 2013年上半期、チェックしておきたいCSSのフレームワークのまとめhttps://coliss.com/articles/build-websites/operation/css/css-framework-in-first-half-of-2013.html A COLLECTION OF BEST FRONT END FRAMEWORKS FORhttp://usablica.github.io/front-end-frameworks/compare.html 2018. 5. 24. 동기와 비동기식 결과 차이 동기와 비동기의 차이를 request.readyState 메소드를 통하여 확인해보자. 더보기 더보기 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 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 var request = null; function createRequest(){ try{ request = new XMLHttpRequest(); //Debug.. .. 2018. 5. 23. jQuery에서 지원하는 Ajax 사용법 $.ajax() function 사용법 : http://api.jQuery.com/jQuery.ajax/ 참조 asyn : boolean==> true(default) | falsemethod : http method==> GET(default) | POSTcontentType : 서버로 전송되는 Data 형식- ==> 'application/x-www-form-urlencoded; charset=UTF-8' (default)data : 서버로 전송하는 QueryString- ==> Object | StringdataType : 서버에서 받는 Data 형식- ==> default : Intelligent Guess (xml, json, script, html...)success : function(val.. 2018. 5. 23. 이전 1 ··· 23 24 25 26 27 28 29 ··· 31 다음
