WIL(Weekly I Learned)

firebase github 로그인

borobong230 2023. 11. 17. 22:25

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