본문 바로가기
반응형

vue google 로그인2

Vue.js Google 로그인 연동하기 Vue.js에서 Google 연동하는 방법을 알아본다.Google 계정 로그인은 OAuth 2.0 기반의 사용자 인증을 제공한다. 구글 개발자 센터 설정 먼저 구글 개발자 센터로 접속하여 프로젝트 생성부터 진행을 해야하는데 아래 그림들을 순서대로 따라한다. 구글 개발자 센터: https://console.cloud.google.com/ 새 프로젝트 이름을 입력하고 프로젝트를 생성한다. 생성된 프로젝트의 좌측 메뉴에서 'API 및 서비스 > 사용자 인증 정보'를 선택한다. 사용자 인증정보 화면에서 '사용자 인증 정보 만들기'의 'OAuth 클라이언트 ID'를 선택한다. UserType은 '외부'를 선택한다. 앱정보를 등록한다. 앱 이름을 입력하고, 사용자 이메일과 개발자 연락처 정보는 필자의 google메.. 2024. 3. 15.
[Google OAuth] 앱을 저장하는 중에 오류가 발생했습니다. 요청이 악용으로 분류되었으며 진행할 수 없습니다. 해결 방법 Google OAuth 사용을 위해 OAuth 동의를 하고, 앱을 등록하는 중에 다음 에러가 발생했다. 앱을 저장하는 중에 오류가 발생했습니다. 요청이 악용으로 분류되었으며 진행할 수 없습니다 앱 등록 정보는 아래와 같이 테스트를 위해 최대한 간단히 작성을 한 상태였다. 문제는 "앱 이름"에 있었다. 앱 이름에 'google' 이라는 단어가 포함이 되어 있으면 '요청이 악용으로 분류되었으며 진행할 수 없습니다.' 라는 에러가 뜨고 다음이 진행이 안된다. 앱 이름 'google'이라는 단어를 제거하고 '구글'로 수정하여 해결했다. 연관 내용: Vue.js Google 로그인 연동하기 Vue.js에서 Google 연동하는 방법을 알아본다.Google 계정 로그인은 OAuth 2.0 기반의 사용자 인증을 제공.. 2024. 3. 15.
반응형