[Spring Boot] Google 소셜 로그인: 서버 단 Google OAuth2 API - 게시판 웹

개요이전 포스팅에서는 HTML, JavaScript API만으로 구글 로그인 버튼(Iframe)을 렌더링하여, 아주 간단하게 구글 소셜 로그인을 구현했었다. 하지만 버튼 UI 커스터마이징에 한계가 명확하여 서버 단에서만 Google OAuth2 API로 인증하고 버튼을 자유롭게 만들 수 있도록 구현하도록 한다. 구글 OAuth2 인증 단계참조 Docs: https://developers.google.com/identity/protocols/oauth2?_gl=1*vvbfvd*_up*MQ..*_ga*MzM4ODY1MDMuMTcxMzA4MDcyOA..*_ga_34B604LFFQ*MTcxMzA4MDcyNy4xLjEuMTcxMzA4MTYxMi4wLjAuMA..&hl=ko#scenarios 구글 OAuth2 인증..

• format_list_bulleted 토이 프로젝트/게시판 웹
• · 2024. 4. 14.
• textsms

[Spring Boot] Google 소셜 로그인: 가장 쉽게 구현하기(HTML, JavaScript API) - 게시판 웹

개요 구글 소셜 로그인을 구현하는 가장 간단한 방법은 HTML, JavaScript API만을 사용해서 구글 로그인 버튼(Iframe)을 렌더링하고 인증하는 방법이다. 로그인 성공시 반환받는 Credential JWT 토큰을 복호화하여 사용자 정보에 접근할 수 있다. 사전 설정 이전 포스팅에서 GCP 사전 설정을 마친 후 Client id가 필요하다. https://srrymn.tistory.com/49 참조 migration 관련 https://developers.google.com/identity/oauth2/web/guides/migration-to-gis?hl=ko https://developers.google.com/identity/gsi/web/guides/overview?hl=ko 이전에 사..

• format_list_bulleted 토이 프로젝트/게시판 웹
• · 2024. 3. 18.
• textsms

[Spring Boot] Google 소셜 로그인: GCP 사전 설정 - 게시판 웹

개요 https://developers.google.com/identity/oauth2/web/guides/migration-to-gis?hl=ko 이전의 사용하던 Google 소셜 로그인의 JavaScript 라이브러리는 지원이 중단되었다. 새로 만든 GCP(구글 클라우드 플랫폼) 프로젝트의 Client ID를 활용하고, 이전에 사용하던 로직 그대로 API를 사용하려 했는데 에러가 발생하며 사진0의 링크를 참조하라는 로그를 띄웠다. 새롭게 생성한 GCP 프로젝트의 Client id로는 새로운 API를 사용해야했다. 우선 GCP를 설정하는 방법을 기록한다. GCP 설정 구글 클라우드 플랫폼: https://console.cloud.google.com/welcome?hl=ko&project=mytest-4..

• format_list_bulleted 토이 프로젝트/게시판 웹
• · 2024. 3. 16.
• textsms