사용자 인증 정보 응답 처리
data-callback
속성에서 자바스크립트 함수를 설정하여 반환된 사용자 인증 정보 응답을 처리할 수 있습니다. 다음 코드 스니펫을 참고하세요.
<div id="g_id_onload"
data-client_id="YOUR_GOOGLE_CLIENT_ID"
data-callback="handleCredentialResponse">
</div>
<script>
function handleCredentialResponse(response) {
// decodeJwtResponse() is a custom function defined by you
// to decode the credential response.
const responsePayload = decodeJwtResponse(response.credential);
console.log("ID: " + responsePayload.sub);
console.log('Full Name: ' + responsePayload.name);
console.log('Given Name: ' + responsePayload.given_name);
console.log('Family Name: ' + responsePayload.family_name);
console.log("Image URL: " + responsePayload.picture);
console.log("Email: " + responsePayload.email);
}
</script>
사용 중인 언어의 JWT 디코딩 라이브러리를 사용하여 JWT 사용자 인증 정보를 검증하고 디코딩할 수 있습니다. 또한 서버 측에서 Google ID 토큰을 확인해야 합니다.