구글플러스 소셜로그인 API 등록하기

최근 개인정보보호법이 강화되면서 웹사이트를 운영하려고 준비하는 운영자들이 가장 중요하게 고민해야 하는 부분이 바로 회원가입과 인증부분일 것입니다.

회원가입을 할때 받을 수 있는 개인정보가 제한적이긴 해도 이름, 생년월일, 연락처,ID,비밀번호등 다소 민감한 개인정보를 취급해야 하므로 웹사이트 운영자들은 회원관리에 정말 만전을 기해야합니다. 혹여나 해킹이라도 당해서 웹사이트에 등록된 개인정보가 유출이 되면 정말 곤란한 상황에 처하게 될 수도 있는데요.

해킹으로 인한 정보유출이 두렵다고 웹사이트에 회원인증을 안할 수도 없고 그렇다고 완벽하게 웹서버에 등록된 개인정보를 방어할 수 있다고 확신할 수도 없어서 고민이신 웹사이트 운영자들이 골치 아픈 회원인증 대안으로 소셜서비스에서 제공하는 소셜로그인API를 활용하여 회원가입 및 인증을 대체하고 있는 추세입니다.

현재 가장 널리 사용되고 있는 소셜로그인 API는 아마도 페이스북, 트위터, 구글플러스라고 생각하는데 언급한 3개의 소셜서비스는 워낙 유명한 서비스이기도 해서 소셜로그인에 필요한 API도 상당히 간편하게 사용할 수 있도록 제공하고 있어 웹사이트에 쉽게 적용할 수 있는데요.

웹사이트에 소셜로그인API를 적용하기를 원하는 웹사이트 운영자를 위해 첫번째로 구글플러스의 소셜로그인API를 등록하는 방법을 소개해 드릴까 합니다.

먼저 구글플러스의 소셜로그인 API를 등록하기 위해서 구글이 제공하는 개발자 사이트에 접속합니다.

https://console.developers.google.com   (구글 계정으로 로그인이 필요합니다.)

구글이 제공하는 개발자 사이트의 콘솔 화면입니다. 여기서 구글이 제공하는 다양한 서비스를 이용해 개발해 활용하실 수 있는데 이번 강좌는 구글플러스 소셜로그인 API를 등록하기 위한 강좌이니 해당 부분만 언급하도록 하겠습니다.

먼저 구글플러스 소셜로그인 API를 생성하기 위해 새로운 프로젝트를 만들어 주어야 합니다. 메뉴 상단에 있는 파란색의 프로젝트 만들기 버튼을 클릭해 줍니다.

레이어 팝업으로 프로젝트 정보를 입력할 수 있는 창이 열립니다.

적당한 프로젝트 이름을 정해주고 아래에 만들기 버튼을 클릭해 줍니다.

새로운 프로젝트가 생성이 되면서 프로젝트 대시보드 화면이 제공됩니다.

여러 메뉴가 있지만 왼쪽 메인메뉴에서 API 및 인증 메뉴를 선택해 줍니다.

API 및 인증 메뉴의 서브 메뉴 중 사용자인증정보 메뉴를 클릭해 줍니다.

그럼 새클라이언트 ID 만들기와 새 키 만들기 메뉴버튼을 확인할 수 있습니다.  먼저 새 클라이언트 ID 만들기 버튼을 클릭하여 줍니다.

클라이언트 ID 만들기 선택화면에서 웹 애플리케이션을 선택 후 동의 화면 구성 버튼을 클릭!

동의 화면에서는 이메일 주소, 제품이름 (적당한 이름 예:sociallog)을 입력한 후 저장 버튼을 클릭합니다.

마지막으로 소셜로그인 서비스를 제공할 웹사이트 주소 그리고 승인된 리디렉션 URI를 입력해 줍니다. (이부분은 사용하는 웹서에 따라 다를 수 있으니 서버 관리자에게 확인)

모든 정보 입력이 끝났으면 클라이언트 ID 만들기 버튼을 클릭해 줍니다.

제로보드XE의 소셜XE를 사용하시는 분들은 소셜XE서버 모듈이 설치된 도메인을 승인된 자바스크립트 원본 항목에 입력해 주시고 소셜XE서버 환경설정에 제시된 구글플러스 리디렉션 주소를 승인된 리디렉션 URI에 입력해 주면 됩니다.

모든 설정이 완료되면 구글플러스 API에서 새로운 클라이언트ID를 생성해 줍니다. 중요한 정보이니 절대 노출하시면 안됩니다.

제로보드XE의 소셜XE를 사용하시는 분들은 클라이언트 ID정보를 소셜XE서버의 환경설정에 우선 등록해 줍니다.

이제 클라이언트ID가 만들어졌다면 공개API를 인증해주는 키를 발급받아야 합니다. 콘솔화면에서 새 키 만들기 버튼을 클릭해 줍니다.

새 키 만들기 항목 중 서버키 항목을 선택해 줍니다. (웹서버 운영자 기준)

간단하게 서버키가 생성이 되었습니다. 클라이언트 비밀번호와 달리 서버키는 API를 인증해 주는 키이므로 꼭 필요한 정보입니다.

제로보드XE의 소셜XE를 사용하시는 분들은 구글플러스 서버키를 소셜XE서버의 환경설정에 최종적으로 등록해 줍니다.

간단한 클릭 몇번만으로 구글플러스 소셜로그인 API를 사용할 수 있는 등록이 모두 끝났는데요. 개별적으로 웹서버에서 운영할 프로그램을 만드시는 분들은 구글플러스 소셜로그인 API가 제공하는 클라이언트 정보와 서버키를 등록하여 로그인에 적용하시면 되고 제로보드XE의 소셜XE를 기반으로 소셜로그인을 적용하실 분들은 소셜XE서버의 환경설정에 해당 구글플러스 소셜로그인 API 정보를 등록하시면 쉽게 소셜로그인을 적용시킬 수 있습니다.