Genie's Dev Story

구글 로그인을 구현중에 에러를 만났다. 

"idpiframe_initialization_failed" 코드 작성 후 개발자 도구 창을 열어보니 아래와 같은 에러가 뜨고있다!! @@ 

"idpiframe_initialization_failed", details: "Not a valid origin for the client: 
http://localhos…itelist this origin for your project's client ID."
details: "Not a valid origin for the client: http://localhost has not been whitelisted for
client ID .apps.googleusercontent.com. Please go to https://console.developers.google.com/ and whitelist this origin for your project's client ID."

구글링해본 결과 여러개의 해결방안이 있었다. 

1. 캐시 지우기  - Chrome : 설정 → 고급 → 인터넷 사용 기록 삭제 → 캐시 된 이미지 및 파일 

->  가장 해결이 많이 되었다는 답변을 받은 해결방법이었다. ( 하지만 나는 해결안됨)

2. Google 개발자 콘솔 API에서 출처를 허용 목록에 추가하기.

-> 이건 뭘하라는건지 잘 모르겠다.. 

3. "쿠키 및 기타 사이트 데이터 표시"에서 accounts.google.com 쿠키를 "허용"하기 (페이지를 새로 고침 한 후).

4. 저에게는 설정> 사이트 설정> 쿠키> "차단 된 타사 쿠키"가 선택 해제되어 있어야했습니다.

-> 누구는 허용하니 되고 누구는 해제하니 된다고한다. 나는 해결 안됨.ㅎㅎ;; 

5. 나의 해결방안!! 

인증 정보에서 승인된 리다이렉션에 localhost:8080/callback 으로 해뒀던걸 "localhost:8080" 로 변경하니 잘되었다. 

흠.. 왜인지는 잘 모르겠지만 뭔가 콜백받는데 있어 url 설정이 영향이 있어보인다. 

그래도 안될땐 정신건강을 위해

구글 콘솔에서 새로운 프로젝트를 만들어 다시 해보는것도 방법인듯 하다~