google+ Restful 사용자 인증 Guideline

  • 작업 조건
    • Google Develoment Console
    • Javascript
    • Test Code를 실행 가능한 Server
    • google Account
  • 작업 내용
    • Javascript로 google+ 인증 Test
  • 작업 과정
    •  1. google cloud console에 로그인한 후 니다.(https://cloud.google.com/cloud-console/) 내 콘솔 보기를 실행합니다.

      2. 프로젝트 선택 창을 콘솔에서 선택한 후 +버튼을 눌려 새 프로젝트를 생성합니다.

      google_cloud_console_05.png3. 대시보드의 검색창에서 google+ API를 검색합니다google_cloud_console_06
      4. API 사용 설정을 합니다.google_cloud_console_07
      5.사용자 인증 정보 탭을 클릭합니다.(Google에 사용되는 api를 사용하기 위해서는 OAUTH 2.0 인증이 필요합니다.)google_cloud_console_08
      6. 사용자 인증 정보를 OAUTH 클라이언트 ID로 만듭니다.

      7. 웹 어플리케이션, 승인된 자바스크립트 원본에는 Server의 최상위 도메인을 입력합니다. ex) http://localhostgoogle_cloud_console_11
      8. 생성하게 되면 아래와 같은 CLIENT_ID 값과 CLIENT_SECRET의 값이 나옵니다.google_cloud_console_139. git 명령어를 통해서 혹은 github 저장소를 통해서 gplus quick start를 다운로드 합니다.

      10. server에 file을 이동시킵니다.google_cloud_console_14

      11.  index.html 에 있는 YOUR_Client ID에 OAUTH 클라이언트의 ID 값을 대치시킵니다.

      • $(document).ready(function() { $(‘#disconnect’).click(helper.disconnect); $(‘#loaderror’).hide(); if ($(‘meta’)[0].content == ‘205652212320-u3ob8n62fci4qeu14jgutmugi5okdad5.apps.googleusercontent.com’) { alert(‘This sample requires your OAuth credentials (client ID) ‘ + ‘from the Google APIs console:\n’ + ‘ https://code.google.com/apis/console/#:access\n\n’ + ‘Find and replace YOUR_CLIENT_ID with your client ID.’ ); } });

      12. 작동 확인
      google_cloud_console_15

    • 선택 사항
    • 작업 과정 중 참고사항
    • 작업 중 발생한 문제 해결
  • 작업과 관련된 주제
  • 참고 문헌
Advertisements