firebase를 이용한 소셜 로그인에 대해서 알아봅시다.
구글 로그인은 간단하게 설정할 수 있지만 github 로그인은 추가적으로 작업해줘야 할 게 있습니다.
우선 github 로그인을 만들 때
클라이언트 ID, 클라이언트 보안 비밀번호가 필요합니다.
이건 github에서 만들 수 있습니다.
우선 github > Settings > Developer Setting 으로 들어갑니다
그리고 OAuth Apps 탭 에서 New Oauth App으로 새로운 OAuth App을 만듭니다.
OAuth Apps 설정하기
생성페이지에서 앱 이름 (로그인 시 이 이름이 나옴)
Homepage URL (홈페이지 url을 써줍니다 https:// 를 붙여줘야 합니다.)
마지막으로 중요한 게 Authorization callback URL 입니다
Authorization callback URL 이 부분은 우선 임시로 아무 url이나 설정하고 추후에 설정해주면 됩니다.
생성된 OAuth App 에서 Client secret을 만들어 줍니다.
다 만들고 나서 github 클라이언트 ID, 클라이언트 보안 비밀번호에 적어 줍니다
아래의 설정을 다 정해주고 만들면 콜백 url이 제공되는데
이걸 Authorization callback URL 에 추가해주면 됩니다.
처음에 Authorization callback URL 에 어떤 걸 설정해줘야 하는지 몰라서 헤매었는데
위와 같이 설정해주면 깃허브 소셜 로그인이 가능해집니다.
'WIL(Weekly I Learned)' 카테고리의 다른 글
API (1) | 2023.11.30 |
---|---|
[React] useEffect vs useLayoutEffect (1) | 2023.11.24 |
[TIL] react-modal 오류 (that's already open) (1) | 2023.11.14 |
useMemo (0) | 2023.11.07 |
JavaScript 가비지 컬렉션 (0) | 2023.11.05 |