알파벳 로그인 기능 개발기

꼬박 만 하루가 걸린 알파벳의 로그인기능 개발기입니다.

7/6 화요일 오전 10시부터 근장 알바가 끝나는 오후 5시까지 개발했고 7/7 수요일은 오전 11시부터 오후 7시까지(상암 맥도날드) 개발했습니다.

 

세션 기능을 처음 구현해봐서 학습에 걸린 시간과, 실제 소스코드 생산에 소모된 시간 20%, 그리고 나머지 80%가 디버깅이었습니다😭😭

어떻게 동작하는지는 적당히 책을 반복해서 보면서 이해했고 실제 구현하고 후에 다시 살펴보면서 어렵지않게 진행되었는데,

생각 못한 400번대 response가 떨어져 한참을 헤맸습니다.

 

결론부터 말하자면 저는 ssl인증을 이미 받았었기 때문에(let's encytrypt), nginx에서 부족했던 설정 몇가지만 만져주면 끝나는 아주 쉬운 일이었습니다.

 

아무튼 실제로는 아주 오랜 시간이 소모되었습니다.

여기에는 여러가지 문제가 있었는데, 우선 첫번째 문제는 google oauth2 에서 https만 받는 것 이었습니다.

secure 접속이 가능하긴 하지만 nginx에서 proxy_pass 를 http로 보내고 있어 이 부분을 수정해주어야 했습니다.

 

그리고 proxy_set_header에서 host를 설정해주어야 nginx 에서 host헤더를 잡아주는데 이를 안해주어 계속 localhost로 req가 찍혔습니다.

링크(https://serverfault.com/questions/1060408/redirect-uri-mismatch-in-nginx-proxy-pass)

 

아예 nginx에서 리다이랙션을 찍어주라고 하는데 이 방법으로는 안되는 것 같습니다(https://stackoverflow.com/questions/28674550/nginx-proxy-with-google-oauth-2-0)

위와 함께 보면 좋은 nginx 공식 문서입니다

(http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_redirect)

 

로컬에서 로그인해보고 싶을땐 이렇게 해주면 됩니다

링크 (https://jojoldu.tistory.com/350)

 

ssl 인증문제인줄알고 인증도 몇번씩해보고, 어플리케이션에서 설정 잘못 한줄알고 몇번씩 다시 만졌는데 이렇게 쉬울줄 몰랐습니다.😭