firebase를 이용하여 구글 로그인, 깃허브 로그인을 구현하였다.
firebase 공식문서에 친절하게 안내가 잘 되어 있어 직접 로직을 다 짜는 것에 비해, 간단하게 구현하였다.
먼저, firebase에서 로그인을 이용하기 위해서는 Authentication -> Sign-in method 에서 "새 제공업체 추가"를 해주어야 한다.
이메일과 구글, 깃허브를 추가해주었다.
깃허브의 경우 추가로 설정해주어야 하는 부분이 있는데, 클라이언트 ID 와 클라이언트 보안 비밀번호이다. 새 제공업제 추가 버튼을 클릭하면 그 안에서 설정할 수 있다.
현재 프로젝트를 생성한 깃으로 이동하여 Setting으로 접속한다.
Developer setting을 클릭하면 OAuth Apps이 보이는데 여기서 등록을 해주면 된다.
Application name / Homepage URL / Authorization callback URL을 입력해주면 끝!
Homepage URL의 경우 localhost를 입력해도 상관없다.
Authorization callback URL의 경우 firebase 콘솔에서 새 제공업체를 추가하게 되면
클라이언트 ID와 클라이언트 보안 비밀번호 아래에 주소가 있다. 그 주소를 입력해주면 된다.
모든 입력을 마치고 Register application을 클릭하면 클라이언트 ID와 보안 비밀번호를 확인할 수 있다.
