구글 소셜 로그인 실험

google_login_sample.html

<span id="signinButton">
	<span
		class="g-signin"
		data-callback="signinCallback"
		data-clientid="제 클라이언트 아이디 넣는 곳입니다. "
		data-cookiepolicy="single_host_origin"
		data-requestvisibleactions="http://schemas.google.com/AddActivity"
		data-scope="https://www.googleapis.com/auth/plus.login">
	</span>
</span>


<script type="text/javascript">
	(function() {
		var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		po.src = 'https://apis.google.com/js/client:plusone.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
	})();
</script>
<script>
	function signinCallback(authResult) {
		if (authResult['access_token']) {
			console.log("구글 로그인 성공", authResult);
			// 승인 성공
			// 사용자가 승인되었으므로 로그인 버튼 숨김. 예:
			document.getElementById('signinButton').setAttribute('style', 'display: none');
		} else if (authResult['error']) {
			console.log( "구글 로그인 실패" );
			// 오류가 발생했습니다.
			// 가능한 오류 코드:
			//   "access_denied" - 사용자가 앱에 대한 액세스 거부
			//   "immediate_failed" - 사용자가 자동으로 로그인할 수 없음
			// console.log('오류 발생: ' + authResult['error']);
		}
	}
</script>